WordPress.org

Making WordPress.org

Opened 2 months ago

#3928 new defect

Move the mobile toggle button for the main menu to just above the menu items

Reported by: rianrietveld Owned by:
Milestone: Priority: normal
Component: General Keywords:
Cc:

Description

At the moment the hamburger menu toggle button is placed in the DOM above the WordPress logo link and the search.
If you open the menu and tab further, first the WordPress logo link and the search field get focus before you can tab trough the menu.

If the button is moved, in the DOM, just before the list items in the menu, the tab order makes more sense.

So in the DOM the order will be better:

<button id="mobile-menu-button" aria-expanded="false">
    <span class="screen-reader-text">Toggle Menu</span>
</button>
<ul id="wporg-header-menu" class=" nav-menu">
   [list items ]
</ul>

Attachments (1)

taborder-menu.mov (3.7 MB) - added by rianrietveld 2 months ago.
Mov file with a recording of the tab order of the main menu in mobile view

Change History (1)

@rianrietveld
2 months ago

Mov file with a recording of the tab order of the main menu in mobile view

Note: See TracTickets for help on using tickets.