Standardit · WCAG 2.2

SC 3.2.3 Taso AA WCAG 2.0

Johdonmukainen navigointi

Sivuilla toistuvat navigointimekanismit — päänavigaatio, alatunniste, murupolku, haku — on esitettävä samassa suhteellisessa järjestyksessä jokaisella sivulla, jolla ne esiintyvät. Lihasmuistiin luottavien käyttäjien ei tule joutua löytämään asettelua uudelleen joka kerta.

Mitä tämä vaatii

Kun sama navigointimekanismi esiintyy sivuston useilla sivuilla, sen on oltava samassa suhteellisessa järjestyksessä joka kerta. Visuaalinen sijainti on vähemmän tärkeä kuin lähdekoodi-järjestys — jos “Etusivu, Tuotteet, Hinnoittelu, Yhteystiedot” on järjestys yhdellä sivulla, sen on oltava sama järjestys jokaisella muulla sivulla, jolla kyseinen navigaatio esiintyy.

Käyttäjä saa muuttaa järjestystä (esimerkiksi järjestelemällä mukautettavaa kojelautaa uudelleen), ja sääntö koskee navigointia, jonka sivusto itse tarjoaa.

Kuinka täyttää vaatimus

  • Ohjaa päänavigaatio yhdestä komponentista tai mallista — älä koskaan koodaa sivukohtaisia navigaatioita käsin.
  • Pidä alatunnisteessa sama järjestys koko sivustolla.
  • Pidä murupolku samassa paikassa (yleensä juuri otsikon alla) jokaisella sivulla, jolla se on.
  • Hakukenttien osalta pidä sama sijainti otsikossa tai sivupalkissa.
  • Monivaiheisissa prosesseissa pidä vaiheen osoittimet samassa paikassa koko prosessin ajan.

Yleisiä virheitä

  • Päänavigaatio järjestetty eri tavalla markkinointisivuilla verrattuna sovellussivuihin, koska kaksi eri tiimiä omistaa mallit.
  • Murupolku näkyyh H1-elementin yläpuolella joillakin sivuilla ja sen alapuolella toisilla.
  • “Ohje”-linkki otsikossa suurimmalla osalla sivuista ja alatunnisteessa kassasivulla.
  • Hakukenttä oikeassa yläkulmassa suurimmalla osalla sivuista ja sivupalkissa blogin sivuilla.

Miksi tämä on tärkeää

Ruudunlukijakäyttäjät rakentavat nopeasti miellekartan sivuston rakenteesta. Näkevät näppäimistökäyttäjät siirtyvät maamerkkien läpi. Kognitiivisia vammoja omaavat käyttäjät nojautuvat johdonmukaiseen sijoitteluun orientoituakseen. Kun navigaatio järjestyy eri tavalla sivujen välillä, jokaisen käyttäjän on opittava se uudelleen — mutta avustavan teknologian käyttäjät maksavat korkeimman hinnan, koska he eivät voi skannata koko sivua yhdellä silmäyksellä löytääkseen uuden asettelun.

Tämä on yksi helpoimmista onnistumiskriteereistä täyttää, jos sivusto on rakennettu jaetusta mallijärjestelmästä, ja yksi tuskallisimmista jälkikäteen korjata, jos käytössä on vuosien perintömallit.