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

Closed Nav Drawer still in keyboard flow

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Duplicate
    • Affects Version/s: 3.7.5, 3.8.2, 3.9
    • Fix Version/s: None
    • Component/s: Accessibility, Navigation
    • Labels:
      None

      Description

      When tabbing through the links on a page, the links in the nav drawer are still in the tab order even when the nav drawer is closed. This can feel like a keyboard trap as the focus disappears from view and is only accessible to those with a screenreader.

      Why is this happening? Because the nav drawer is simply moved off screen but still occupies space.

      The solution is to set the CSS for the nav drawer to display:none when closed.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              michael-milette Michael Milette
              Reporter:
              michael-milette Michael Milette
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: