Make WordPress Core

Opened 3 weeks ago

#45796 new defect (bug)

Twenty Nineteen: Mobile menu needs improvement for navigating on touchscreen via keyboard

Reported by: laurelfulford Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: needs-patch
Focuses: accessibility Cc:


Copied over from https://github.com/WordPress/twentynineteen/issues/723#issuecomment-450173083 (hattip @afercia):

When the "more" menu is expanded on a touchscreen device, there are several hidden tab stops that cause issues when navigating the site via keyboard. These are:

  • hidden sub-menu items are still focusable
  • all the links in the page are still focusable

When the menu is open it's still possible to tab away from the menu and navigate with the keyboard through all the focusable elements in the page.

If the intent is to show a full-screen menu, the menu should behave like a modal and tabbing should be constrained within the modal.

Change History (0)

Note: See TracTickets for help on using tickets.