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

Accessibility: Help popups fail WCAG 1.4.13 (Dismissable)

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.7.3
    • 3.7.2
    • Accessibility
    • MOODLE_37_STABLE
    • MOODLE_37_STABLE
    • MDL-67149-master
    • Hide
      1. Go to the login page, or any other page with a help popup ? icon
      2. Use the keyboard to tab to the icon - the popup appears when you tab to it
      3. Press the Esc key
        • EXPECTED: The popup should go away
      Show
      Go to the login page, or any other page with a help popup ? icon Use the keyboard to tab to the icon - the popup appears when you tab to it Press the Esc key EXPECTED: The popup should go away

      The new help popups in Moodle 3.7, aside from being annoying, are not accessible. Specifically they fail WCAG 1.4.13 https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus. When you tab to the help icon, the popup appears, and it doesn't go away unless you tab away. The Esc key does nothing. Here is the requirement:

      Dismissable
      A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content;

      This is basically the Esc key rule; the popup must go away when you press Escape (so that you can get rid of it without having to tab away), and it doesn't.

      Apart from this the popups seem to be OK because they include an Aria role="tooltip".

      I'll see how easy this is to make the Esc key work!

            quen Sam Marshall
            quen Sam Marshall
            Tim Hunt Tim Hunt
            Andrew Lyons Andrew Lyons
            Gladys Basiana Gladys Basiana
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 15 minutes
                15m

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