When navigating the sidebar menu with a keyboard (using tab key), after tabbing through all the sidebar menu items, focus exits menu and moves to the page footer (for us it goes to “You are logged in as XYZ User” link. This is not expected behavior and may be confusing to users with mobility disabilities, users who are blind, and users with cognitive disabilities.
It is expected that after the last menu item, the focus would go back to the hamburger menu icon.
Suggested fix: The issue may be caused by the submenu being near the bottom of the DOM. Try moving the submenu directly below the hamburger menu in the DOM.
When navigating the sidebar menu with a keyboard (using tab key), after tabbing through all the sidebar menu items, focus exits menu and moves to the page footer (for us it goes to “You are logged in as XYZ User” link. This is not expected behavior and may be confusing to users with mobility disabilities, users who are blind, and users with cognitive disabilities.
It is expected that after the last menu item, the focus would go back to the hamburger menu icon.
Suggested fix: The issue may be caused by the submenu being near the bottom of the DOM. Try moving the submenu directly below the hamburger menu in the DOM.
Thanks!