• 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