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

Accessibility issues with color indications

XMLWordPrintable

    • MOODLE_35_STABLE, MOODLE_36_STABLE, MOODLE_37_STABLE
    • MOODLE_35_STABLE, MOODLE_36_STABLE
    • MDL-62680-master
    • 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"

      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

            damyon Damyon Wiese
            tanja.kleut Tanja Kleut
            Tim Hunt Tim Hunt
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Amaia Anabitarte Amaia Anabitarte
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.