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

Accessibility: Help popup keyboard focus is unhelpful

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.3.3
    • Fix Version/s: 2.3.5, 2.4.2
    • Component/s: Accessibility
    • Labels:
      None
    • Testing Instructions:
      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).
    • Affected Branches:
      MOODLE_23_STABLE
    • Fixed Branches:
      MOODLE_23_STABLE, MOODLE_24_STABLE
    • Pull Master Branch:
      MDL-375668-master

      Description

      (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.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

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

                  Dates

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