There are two issues with the keyboard navigation for the navigation menu in mobile web:
When a user uses the Tab key to navigate through a page, the navigation menu is opened. It should only be opened after the Tab key focuses on the hamburger icon and the user hits the Enter key to open it.
There is no focus trap on the navigation menu when it's opened (as a modal)
The following recent PR for "[FIX] Keyboard navigation for modals" by @maniSHarma7575 fixed the issue in other areas. So you'll want to dig deeper into this part of the codebase as to why it's not working for the navigation menu in mobile web.
Description
There are two issues with the keyboard navigation for the navigation menu in mobile web:
Tab
key to navigate through a page, the navigation menu is opened. It should only be opened after theTab
key focuses on the hamburger icon and the user hits theEnter
key to open it.The following recent PR for "[FIX] Keyboard navigation for modals" by @maniSHarma7575 fixed the issue in other areas. So you'll want to dig deeper into this part of the codebase as to why it's not working for the navigation menu in mobile web.
This navigation menu is part of the Header component.
Please assign yourself (via the Assignees dropdown), if you do want to work on this issue. Can't find yourself? You need to join our organization.
Check out our Picking Up Issues guide if you haven't already!