Navigation Menu
Keyboard, focus, semantic, and consumer responsibilities for Navigation Menu.
Accessibility
Accessibility contract
Keyboard
- ArrowDown
- Opens the dropdown content when focus is on a trigger.
- Escape
- Closes the dropdown content.
- Tab
- Moves focus to the next focusable element in the navigation.
Focus
- Root receives focus via standard tab order.
Semantics
- Carries `data-scope="navigation-menu"` and `data-part` attributes on all parts.
ARIA
- Uses appropriate ARIA roles and properties for its interaction pattern.
Consumer responsibilities
- Ensure visible labels or aria-label are provided where required.
Review status: Draft — not yet reviewed
This contract describes what the primitive guarantees. Consuming products remain responsible for labels, layout, and workflow decisions that affect the final accessibility result.
Automated evidence
Axe scan summary
- Passes
- 18
- Violations
- 0
- Incomplete
- 1
Latest executed scan: Aug 13, 2026, 10:47 PM
Evidence IDs: axe-navigation-menu-scan-v1
Automated checks cover only the recorded fixture and do not establish complete accessibility conformance.