Retningslinje
3.2.3 Konsekvent navigering
Et konsekvent oppsett av navigasjonselementer på tvers av sider hjelper brukerne å forutsi hvordan de finner frem på siden.
Suksesskriterium 3.2.3 Konsekvent navigering (Nivå AA)
Navigeringsmekanismer som gjentas på flere nettsider innenfor et sett av nettsider, opptrer i samme relative rekkefølge hver gang de gjentas [...].
Hvorfor er suksesskriteriet viktig?
Når navigasjonen er lik på alle sider, blir det enklere å navigere for alle brukergrupper. Konsekvent navigering er imidlertid ekstra viktig for skjermleserbrukere og personer som bruker skjermforstørrelse. De lærer seg hvor elementene finnes, og forventer å finne dem igjen på samme plass. Også personer med kognitive utfordringer drar nytte av et konsekvent oppsett, fordi de slipper å bruke mental energi på å tolke et nytt layout for hver side.
Anbefalinger
Bruk dekoratøren og Aksels maler og navigasjonskomponenter, og sjekk hvordan andre løsninger på nav.no har håndtert navigasjon. Dette bidrar til at gjentatte navigasjonselementer automatisk følger samme struktur og rekkefølge på hver side.
Vanlige misforståelser
Noen tror at dette kravet sier at navigasjonselementer må være identiske på alle nettstedets sider. Dette er ikke riktig. Det kravet sier er at hovedrekkefølgen av elementer ikke skal endres. For eksempel kan en meny få en ekstra undermeny på én side, så lenge menyen i seg selv befinner seg på samme sted i strukturen.
Hvordan teste kravet
Kjernespørsmålet
Er navigasjonskomponentene som gjentas på nettstedets sider presentert i samme rekkefølge og med samme plassering hver gang?
Innhold du må teste
Alle navigasjonsmekanismer som forekommer på flere sider. Typiske elementer kan være:
- Toppnavigasjon: header med logo, hovedmeny, søkefelt, snarvei-lenke til hovedinnhold
- Sidenavigasjon: sidemenyer eller brødsmulesti
- Bunnnavigasjon: footer med tilbake-til-toppen-lenke, kontaktinformasjon, hjelpelinker
Testmetode
For hvert gjentatte navigasjonselement, sjekk et utvalg av sider der det forekommer. Verifiser at rekkefølgen navigasjonselementene kommer i er lik relativt til hverandre hver gang. Det er lov å ha annet innhold imellom eller rundt, men de gjentatte elementene skal beholde sin plass i sekvensen.
Ofte stilte spørsmål
Nei. Kravet sier ikke at absolutt alle sider må ha identisk navigasjon, kun at de samme elementene som går igjen, må være konsekvente. Hvis noen sider må ha annerledes navigasjon (for eksempel innloggede sider med eget menyoppsett) bør disse sidene betraktes som et eget sett. Innenfor det settet av sider må navigasjonen fortsatt være konsekvent. Det samme gjelder for enkle sider med et annerledes oppsett, f.eks. hovedsiden.
Bare husk at ulik navigasjon kan skape frustrasjon, selv om det ikke nødvendigvis bryter kravet. Hvert tilfelle av inkonsekvent navigasjon tvinger brukerne til å orientere seg på nytt og øker den kognitive belastningen.
WCAG-kravet bryr seg om rekkefølgen i innholdet, ikke det visuelle presentasjonen. På mobil har man ofte hamburger-meny eller en annen visning, men under panseret bør elementene følge samme logiske struktur. Praktisk betyr det at du bør kode mobil- og desktopnavigasjon med samme rekkefølge av elementer i HTML, selv om de ser ulike ut. Ofte skjules noen elementer bak en menyknapp på mobil, men når den åpnes, bør menyen fortsatt liste elementene i samme rekkefølge som på desktop.
Kravet spesifiserer ikke visuell plassering direkte, men sier at navigasjonsmekanismer skal vises i samme relative rekkefølge. Vi tolker dette som at brukeropplevelsen av rekkefølgen skal være konsekvent. Det betyr at tastaturnavigasjon- og skjermleserbrukere skal oppleve at fokusrekkefølgen er forutsigbar, mens brukere som navigerer visuelt, skal oppleve at navigasjonselementene er konsekvent plassert på siden.
Medvirkende
