spec 1 linked patterns checked
WAI Fly-out Menus tutorial
Documents fly-out and drop-down navigation menus for site hierarchy, including submenu indication, aria-expanded state, mouse delay for imprecise pointer movement, keyboard-specific behavior, parent-as-toggle and separate-button toggle options, and alternate access to submenu items.
Read with a purpose
What this source can teach
Use this source to check a technical or accessibility requirement against its exact wording and scope.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Mega menu | Choose a mega menu when a top-level section has a deep hierarchy or more links than a basic dropdown can comfortably present. | Activating a mega-menu trigger opens the panel and updates aria-expanded on that trigger. | WAI documents fly-out navigation behavior, submenu indicators, aria-expanded, pointer delay, keyboard access, and alternate access to submenu items. |
Comparisons supported by this source
- Mega menu vs global navigation vs navigation drawer
WAI fly-out guidance supports visible submenu indicators, aria-expanded state, mouse forgiveness, keyboard behavior, and alternate access to submenu items.
Evidence Role
This source is treated as spec evidence. Its value comes from the specific claims and setting described above.
Publisher: W3C Web Accessibility Initiative. Last checked: .