Saavutettavuuden hyvä käytäntö

Otsikkotasojen pitäisi kasvaa vain yhdellä kerrallaan

Otsikkotasoja hypätään yli (esimerkiksi H2:sta H4:ään), mikä tekee sivun rakenteesta sekavan ruudunlukijan käyttäjille.

Mitä tämä sääntö tarkistaa

Varmistaa, että otsikoiden järjestys on semanttisesti oikea.

Miksi sillä on merkitystä

Ruudunlukijan käyttäjät liikkuvat sivulla otsikoiden avulla. Tämä on hyvä käytäntö, joka tukee WCAG-kriteeriä 1.3.1.

Tämä sääntö on suositeltu käytäntö: sen rikkominen ei sellaisenaan ole WCAG-virhe, joten raporttimme listaavat sen erikseen WCAG-virheistä.

Miten se korjataan

  1. Korjaa kyseisten osioiden otsikkotasot niin, että ne etenevät järjestyksessä hyppäämättä tasojen yli.
  2. Muuta vain tagia, älä ulkoasua (käytä koon säätämiseen CSS-luokkia).

Miten korjaus tarkistetaan

  • Skannaa uudelleen ja tarkista otsikkorakenne selainlaajennuksella, kuten HeadingsMap.

Miten FixReports löytää sen

Skannauksemme ajaa axe-core-säännön heading-order oikeassa Chrome-selaimessa jokaisella testaamallaan sivulla ja raportoi jokaisen virheellisen elementin sekä sen sivun, merkintäkoodin ja tarvittaessa kuvakaappauksen.

Automaattinen testi vahvistaa, että juuri tämä ongelma on olemassa. Se ei voi kertoa, onko sivu muilta osin saavutettava: jotkin esteet tulevat esiin vasta, kun ihminen tarkistaa sivun.

Skannaa sivustosi tänään

Löydä. Korjaa. Varmista.

Millainen sivusto tämä on?

Vastauksesi valitsee oikeat tarkistukset, kuten ostopolun verkkokaupoille. Tarkistamme silti sivuston omat merkit ja näytämme molemmat.

Millainen sivusto tämä on?

Ilmainen skannaus. Luottokorttia ei tarvita.