Verkkosisällön saavutettavuusohjeet opas saavutettavuuteen liittyviin vaatimuksiin
1 Havaittava

1.3.1 Informaatio ja suhteet

Onnistumiskriteerin taso: A
Kriteeri tuli WCAG:n versiossa: 2.0

Onnistumiskriteerin virallinen kuvaus

Esitystavassa välittyvät informaatio, rakenne ja suhteet voidaan selvittää ohjelmallisesti tai ne ovat saatavilla tekstinä.

Mitä pitää tehdä?

Varmista, että esitystavan välittämät tiedot ja suhteet voidaan määrittää ohjelmallisesti tai että ne ovat saatavilla tekstinä.

Miksi tämä on tärkeää?

Auttaa avustavia teknologioita tulkitsemaan ja esittämään sisällön mielekkäällä tavalla.

Yleisiä sudenkuoppia

Yleisiä puutteita on virheellinen semanttisten HTML-elementtien käyttö. Esimerkiksi käytetään <div> elementtiä <button> tai <a> elementtien sijaan.

ARIA-merkintöjen haasteista osa kuuluu tämän kriteerin alle.

Miten testata?

Tarkasta sisältö otsikoiden käytön osalta:

  • Puuttuvat H1-otsikot.
  • Virheelliset otsikkotasot jos ne ovat aidosti ongelmalliset (muuten virheelliset otsikkotasot kuuluvat saavutettavuuden parhaisiin käytäntöihin eivätkä aiheuta virhettä tässä kriteerissä).
  • Otsikkotagien käyttö sisällössä, joiden ei kuulu olla otsikoita.

Tarkasta valikoista onko visuaalisen aktiivisen polun indikaattorin lisäksi käytetty aria-current attribuuttia. Jos ei, se on virhe. Jos visuaalista indikaattoria ei ole käytetty ilmaisemaan aktiivista valikkoelementtiä, tällöin myöskään ARIAa ei tarvita.

Automaattiset työkalut löytävät melko hyvin puutteita tähän kriteeriin.

Liittyvä kriteeri: 4.1.2.

Lisää tästä kriteeristä muualla