Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-62680

Accessibility issues with color indications

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. Login into a course.
      2. Open the user menu
      3. Hover over the icons before the links in the user menu and verify no "hover text" is shown for the icons.
      4. Open the course menu
      5. Hover over the icons before the links in the course menu and verify no "hover text" is shown for the icons.
      6. Create a "Missing words" question- any text will do - here is an example:

        Question text : Carrots are [[1]]
        Choice 1: Good
        Choice 2: Bad
        Choice 3: Sometimes OK
        

      7. Preview the question and answer it (Submit and finish). 
      8. Hover the tick or cross next to the answer and verify you Do see hover text showing "Correct" or "Incorrect".
      9. Inspect this icon in the browser and verify it does not have the attribute: aria-hidden="true"
      Show
      Login into a course. Open the user menu Hover over the icons before the links in the user menu and verify no "hover text" is shown for the icons. Open the course menu Hover over the icons before the links in the course menu and verify no "hover text" is shown for the icons. Create a "Missing words" question- any text will do - here is an example: Question text : Carrots are [[1]] Choice 1: Good Choice 2: Bad Choice 3: Sometimes OK Preview the question and answer it (Submit and finish).  Hover the tick or cross next to the answer and verify you Do see hover text showing "Correct" or "Incorrect". Inspect this icon in the browser and verify it does not have the attribute: aria-hidden="true"
    • Affected Branches:
      MOODLE_35_STABLE, MOODLE_36_STABLE, MOODLE_37_STABLE
    • Fixed Branches:
      MOODLE_35_STABLE, MOODLE_36_STABLE
    • Pull from Repository:
    • Pull 3.5 Branch:
    • Pull 3.6 Branch:
    • Pull Master Branch:
      MDL-62680-master

      Description

      The issue appears in Corrected answers in quizzes: the description that the answers in one question are partially correct is read out. However, the red cross and the ggreen v that indicate the incorrect or correct answer are not read out. Nevertheless, the correct ansers that are displayed below as text are read out. The screen reader user needs to remember which answers were selected and compare them to the text that indicates the correct ansers (work around).
      Please provide the text equivalent for the information that are indicated in color (as it is not recommended to use only colors to convey information WCAG 2.0 SC 1.4.1).
      https://www.w3.org/TR/2016/NOTE-UNDERSTANDING-WCAG20-20161007/visual-audio-contrast-without-color.html
      I used Mozilla firefox 52.5.0 (32 bit) with JAWS For Windows 2018 (build 1712.10 and NVDA 2017.4 as screen readers.
      Test example https://school.demo.moodle.net/mod/quiz/attempt.php?attempt=54&cmid=761

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Fix Release Date:
                11/Mar/19