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

[rianrietveld]

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>

[rianrietveld]

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

[coffee2code]

Fixed in [14759-dotorg].

Thanks for the report!

[coffee2code]

In 8283:

Trac: Move main menu toggle button in header to immediately before the menu, so keyboard traversal from one to the other doesn't require tabbing past the logo and search field.

See #3928.