- Success Criterion 3.2.3
- Conformance level AA
Mobile Navigation Order That’s Inconsistent With Itself
3.2.3 — Consistent Navigation
Scenario
Setting
A pharmacy app's prescription-refill form
What’s wrong
Mobile nav ordering diverging from itself across pages (not vs — desktop — across pages in the same presentation).
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 mobile navigation order to itself across different pages (not vs — desktop): inconsistency across pages in the same presentation 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 pharmacy app's prescription-refill form, 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
- Header Menu Items Reshuffled Differently on Different Sections
- 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