Standarder · WCAG 2.2

SC 3.2.3 Nivå AA WCAG 2.0

Konsekvent navigering

Navigeringsmekanismer som upprepas på flera sidor — primär nav, sidfot, brödsmulor, sök — måste visas i samma relativa ordning på varje sida där de förekommer. Användare som förlitar sig på muskelminne ska inte behöva återupptäcka layouten varje gång.

Vad det kräver

När samma navigeringsmekanism förekommer på flera sidor av en sajt måste den vara i samma relativa ordning varje gång. Det är källordningen som spelar roll snarare än den visuella positionen — om “Hem, Produkter, Priser, Kontakt” är ordningen på en sida måste det vara ordningen på alla andra sidor där den navigeringen förekommer.

Användaren tillåts ändra ordningen (t.ex. omorganisera en anpassningsbar instrumentpanel), och regeln gäller navigering som sajten själv tillhandahåller.

Hur man uppfyller det

  • Bygg primär navigering från en enda komponent eller mall — hand-koda aldrig per-sida-navigering.
  • Behåll samma ordning i sidfoten på hela sajten.
  • Håll brödsmulor i samma position (typiskt strax under rubriken) på varje sida som har dem.
  • För sökfält, behåll samma placering i rubriken eller sidopanelen.
  • För flerstegflöden, behåll stegindikatorer i samma position genom hela flödet.

Vanliga fel

  • En primär navigering omorganiserad på marknadsföringssidorna jämfört med appsidorna, eftersom två olika team äger mallarna.
  • Brödsmulor visade ovanför H1 på vissa sidor och nedanför på andra.
  • En “Hjälp”-länk i rubriken på de flesta sidor och i sidfoten på kassan.
  • Ett sökfält uppe till höger på de flesta sidor och intryckt i sidopanelen på bloggen.

Varför det spelar roll

Skärmläsaranvändare bygger snabbt en mental karta över en sajts struktur. Seende tangentbordsanvändare tabbar genom landmärken. Användare med kognitiva funktionsnedsättningar förlitar sig på konsekvent positionering för att orientera sig. När navigeringen omorganiseras mellan sidor måste varje användare lära om — men hjälpmedelsteknik-användare betalar det högsta priset, eftersom de inte kan skanna hela sidan på en blick för att hitta den nya layouten.

Det här är ett av de enklaste framgångskriterierna att uppfylla om sajten byggs från ett gemensamt mallsystem, och ett av de mest smärtsamma att åtgärda i efterhand om man har år av äldre mallar.