Standarder · WCAG 2.2

SC 3.2.3 Niveau AA WCAG 2.0

Konsistent navigation

Navigationsmekanismer, der gentages på tværs af sider — primær navigation, sidefod, brødkrummer, søgning — skal fremgå i samme relative rækkefølge på hver side, de optræder på. Brugere, der er afhængige af muskelhukommelse, bør ikke skulle genlære layoutet ved hvert besøg.

Hvad det kræver

Når den samme navigationsmekanisme optræder på flere sider af et site, skal den være i samme relative rækkefølge hver gang. Den visuelle placering er mindre afgørende end kilde-rækkefølgen — hvis „Hjem, Produkter, Priser, Kontakt“ er rækkefølgen på én side, skal det være rækkefølgen på alle andre sider, hvor den navigation optræder.

Brugeren har lov til at ændre rækkefølgen (f.eks. omarrangere et tilpasseligt dashboard), og reglen gælder for navigation, som sitet selv leverer.

Sådan opfyldes det

  • Driv primær navigation fra en enkelt komponent eller skabelon — kode aldrig per-side navigationer manuelt.
  • Behold den samme rækkefølge i sidefoden på tværs af sitet.
  • Hold brødkrummer på samme position (typisk lige under headeren) på alle sider, der har dem.
  • For søgeinput holdes den samme placering i headeren eller sidebjælken.
  • For flertrinsforløb holdes trins-indikatorer på samme position gennem hele forløbet.

Almindelige fejl

  • En primær navigation omrangeret på marketingsiderne i forhold til appsiderne, fordi to forskellige teams ejer skabelonerne.
  • Brødkrummer vist over H1 på nogle sider og under den på andre.
  • Et „Hjælp“-link i headeren på de fleste sider og i sidefoden på betalingssiden.
  • Et søgeinput øverst til højre på de fleste sider og placeret i sidebjælken på bloggen.

Hvorfor det betyder noget

Skærmlæserbrugere opbygger hurtigt et mentalt kort over et sites struktur. Seende tastaturbrugere tabber igennem landmarks. Brugere med kognitive handicap er afhængige af konsistent placering til orientering. Når navigationen omarrangeres mellem sider, skal alle brugere lære den om — men hjælpeteknologibrugere betaler den højeste pris, fordi de ikke kan skimme hele siden med et blik for at opdage det nye layout.

Dette er et af de nemmeste succeskriterier at opfylde, hvis sitet er bygget fra et fælles skabelonsystem, og et af de mest smertefulde at eftermontere, hvis man har mange år gamle legacy-skabeloner.