- Success Criterion 3.2.3
- Conformance level AA
Header Menu Items Reshuffled Differently on Different Sections
3.2.3 — Consistent Navigation
Scenario
Setting
A video-conferencing app's meeting controls
What’s wrong
Header menu items reshuffled per section (Products first here, third there) without user initiation.
Example
<!-- Nav order: Home, Products, About on page A; About, Home, Products on page B -->Why it matters
People who navigate by memory and routine, including many with cognitive or low-vision needs.
How to test
Compare the header menu item order across several pages: if items are reshuffled per section (e.g., 'Products' first here, third there) without the user requesting it, it fails.
How to fix
Repeated navigation must appear in the same relative order on every page in the set.
<!-- Same nav component, same link order, on every page -->Repeated navigation must appear in the same relative order across every page it's used on.
Outcome
On a video-conferencing app's meeting controls, this barrier is gone for people who navigate by memory and routine — they no longer have to work around this.
Who is affected
People who navigate by memory and routine, including many with cognitive or low-vision needs.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Navigation Links Appearing in a Different Order on Each Page
- Footer Link Groups Ordered Differently Across Page Templates
- Search Box That Moves to a Different Spot on Every Page
- Breadcrumbs Present on Some Pages but Missing on Others
- Skip Link Appearing in a Different Order on Different Pages
- Mobile Navigation Order That’s Inconsistent With Itself