Barrier 1 of 3
Mega menu that cannot be opened or exited by keyboard
Representative allegation
Plaintiff could not open the navigation submenus using only a keyboard and could not reach product categories.
WCAG 2.1.1 Keyboard, 2.4.3 Focus Order, 4.1.2 Name, Role, Value
Typical location: snippets/site-nav.liquid
How a plaintiff tests it
Tab to a top-level menu item, try Enter, Space and arrow keys, and check whether submenu links are reachable and whether the expanded state is announced.
How we fix it
Expose each parent item as a button with an expanded state, make submenu links reachable in order, and let Escape close the menu and return focus to its button.