Standardit · WCAG 2.2

SC 2.4.8 Taso AAA WCAG 2.0

Sijainti

Käyttäjien on pystyttävä selvittämään, missä he ovat sivujen joukossa — yleensä navigointipolun (breadcrumb), nykyisen sivun ilmaisimen navigaatiossa tai aktiivisen osion korostavan sivukartan avulla.

Mitä vaaditaan

Kun sivusto koostuu useammasta kuin muutamasta sivusta, käyttäjät — erityisesti kognitiivisista vammoista kärsivät tai ruudunlukuohjelmaa käyttäen selaavat — tarvitsevat „olet tässä“ -signaalin. Sivun otsikko antaa yhden vihjeen; onnistumiskriteeri pyytää enemmän: hierarkian näyttävän navigointipolun, nykyisen sivun merkinnän ensisijaisessa navigaatiossa tai aktiivisen osion korostavan sivukartan.

Tämä on AAA-taso, joten se on useimmille tiimeille tavoiteltava, mutta se kannattaa dokumentaatiosivustoilla, verkkokaupan katalogeissa ja kaikessa arkkitehtuurissa, joka on syvempi kuin kaksi tasoa.

Kuinka vaatimukset täytetään

  • Lisää navigointipolku pääotsikon yläpuolelle jokaisella ei-ylimmän tason sivulla: Koti › Toolkit › Standardit › WCAG 2.2.
  • Merkitse nykyisen sivun linkki navigaatiossa aria-current="page"-määritteellä ja erottele se visuaalisesti (lihavoitu teksti, korostusväri, alleviivaus).
  • Pitkissä lomakkeissa tai monivaiheisissa prosesseissa näytä vaiheilmaisin: „Vaihe 2/5: Toimitusosoite.“
  • Tee navigointipolusta <nav aria-label="Navigointipolku">, joka sisältää järjestetyn listan, ja viimeinen elementti ei ole linkki.
  • Syville dokumentaatiosivustoille peilaa arkkitehtuuri vasemman sivupalkin puurakenteessa, joka laajenee näyttämään nykyisen sivun haaran.

Yleisiä virheitä

  • Navigointipolut, jotka näyttävät vain ylimmän tason osion eivätkä koko polkua.
  • Nykyisen sivun linkit navigaatiossa, jotka näyttävät identtisiltä ei-aktiivisiin linkkeihin — aria-current on asetettu, mutta visuaalinen ilmaisin puuttuu.
  • Monivaiheisten lomakkeiden vaiheilmaisimet, jotka näyttävät vain „Vaihe 2“ ilman kokonaismäärää, jolloin käyttäjä ei tiedä, kuinka paljon on jäljellä.
  • Navigointipolut, jotka linkittävät nykyisen sivun takaisin itseensä (pieni vaikutus, mutta aiheuttaa pienen hämmennyksen).
  • Vain „Koti“-linkki ilman muita sijaintisignaaleja 5 tason syvyisessä dokumentaatiopuussa.

Miksi tällä on merkitystä

Kognitiivinen kuormitus on hiljainen saavutettavuusvero. Käyttäjät, joilla on ADHD, dysleksia, työmuistin eroja tai jotka navigoivat toisella kielellä, tarvitsevat pysyviä sijaintisignaaleja kontekstin säilyttämiseksi. Ilman niitä jokainen linkkien napsauttaminen on hyppäys uskoon. Navigointipolut ja aria-current ovat lähes ilmaisia lisätä ja parantavat kokemusta kaikille — minkä vuoksi monet tiimit ottavat 2.4.8:n käyttöön, vaikka sitoutuisivat vain AA-tasoon.