Issue
- Can I use the Tab key on the keyboard to navigate on the Site Navigation Menu from one menu item to the next menu item in sequential order?
Environment
- Liferay DXP 7.0+
Resolution
- Once you tabulate on the first item in the Site Navigation Menu widget, use the arrow keys instead to move among items
Additional Information
- Tabulating among items in the Site Navigation Menu is explicitly prevented by Liferay, to align with the W3C ARIA standards, https://www.w3.org/WAI/PF/aria-1.1/usage#managingfocus_header:
When the container or its active descendant has focus, the user may navigate through the container by pressing additional keys, such as the arrow keys, to change the currently active descendant. Any additional press of the main navigation key (generally the TAB key) will move out of the container to the next widget.
- On the same topic: https://stackoverflow.com/questions/37892396/how-can-i-make-list-items-tabbable-use-tab-key-to-focus-on-them