Summary

After the Accessibility Audit we found opportunities to enhance the experience of the main navigation menu.

Requirements

On M&S screens:

• Keyboard
  • When the hamburger menu is open, the close button should be reachable by tabbing. The order should be after the Donate Button.

• No Keyboard Trap
  • In this case, we do need a keyboard trap, in the hamburger menu, to avoid the tab navigation to other page content that is not currently being displayed in the screen.

•  Focus Visible
  • The focused state outline in the hamburger menu gets cut off
  • Add a focus ring to the reset button of the search field

Resources

• Apple homepage as a reference