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

Accessibility: Help popup keyboard focus is unhelpful

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 2.3.5, 2.4.2
    • 2.3.3
    • Accessibility
    • None
    • MOODLE_23_STABLE
    • MOODLE_23_STABLE, MOODLE_24_STABLE
    • MDL-375668-master
    • Hide

      1. Go to any course webpage.
      2. Using the keyboard, tab to a Help icon. For example, I did this as follows: clicked in the 'Search forums' box, then pressed Tab 3 times.
      3. Press Return to trigger the Help popup.
      EXPECTED: The heading at the top of the popup should have keyboard focus.
      4. Press Tab.
      EXPECTED: The Close button should have keyboard focus.
      5. Press Return again.
      EXPECTED: The popup should close. Focus should be back on the help icon (same as before step 3).

      Show
      1. Go to any course webpage. 2. Using the keyboard, tab to a Help icon. For example, I did this as follows: clicked in the 'Search forums' box, then pressed Tab 3 times. 3. Press Return to trigger the Help popup. EXPECTED: The heading at the top of the popup should have keyboard focus. 4. Press Tab. EXPECTED: The Close button should have keyboard focus. 5. Press Return again. EXPECTED: The popup should close. Focus should be back on the help icon (same as before step 3).

      (Problem reported during routine accessibility testing.)

      When you select a Help popup with the keyboard, it is more difficult than it should be to close the popup. The keyboard focus remains on the link you clicked to open the popup, and when you press Tab, you have to tab through all the other links in the page before you get to the Close button.

      One possibility would be to focus the Close button. However, this might cause problems for screenreader users because the Close button is after the content of the box, so they might find the screenreader does not read the box. I am not certain because the body text is marked with Aria role='alert' so it might work OK anyway... Hmm....

      Another solution is to focus the top of the box, such as the heading (which we can make focusable in JavaScript).

      That way, the keyboard sequence to open and then close the help popup should be Return (popup opens), Tab (focus now on close button), Return. As opposed to Return (popup opens), Tab x n where n = very large number, Return.

      I will investigate how to fix this.

            quen Sam Marshall
            quen Sam Marshall
            Andrew Lyons Andrew Lyons
            Sam Hemelryk Sam Hemelryk
            Jason Fowler Jason Fowler
            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.