- Success Criterion 3.2.3
- Conformance level AA
Utility Bar Icons Swapping Position Between Pages
3.2.3 — Consistent Navigation
Scenario
Setting
A streaming music app's search results
What’s wrong
Repeated utility bars (login/cart/language) swapping relative positions between pages.
Example
A streaming music app's search results runs into this exact issue: repeated utility bars (login/cart/language) swapping relative positions between pages.
Why it matters
People who navigate by memory and routine, including many with cognitive or low-vision needs. On a streaming music app's search results, this barrier means they waste time hunting for something that moved.
How to test
Compare repeated utility bars (login/cart/language selector) across pages: swapped relative positions between pages fails.
How to fix
Repeated navigation must appear in the same relative order on every page in the set.
Outcome
Corrected, a streaming music app's search results now lets a visitor find the same feature in the same place.
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