A11ying with Sanna - Verkkosisällön saavutettavuusohjeet opas saavutettavuuteen liittyviin vaatimuksiin
2 Hallittava

2.5.3 Nimilappu nimessä

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

Onnistumiskriteerin virallinen kuvaus

Tapauksissa, joissa käyttöliittymäkomponentin nimilapussa on tekstiä tai tekstiä esittävä kuva, komponentin nimi sisältää sen tekstin, joka on visuaalisesti näkyvissä.

Mitä pitää tehdä?

Varmista, että merkinnät sisältävät näytöllä näkyvän tekstin.

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

Tukee puheentunnistustekniikoita ja varmistaa yhdenmukaisuuden kaikille käyttäjille.

Yleisiä sudenkuoppia

Käytetään ARIA-merkintöjä, joilla ylikirjoitetaan esimerkiksi korttielementin sisältöä. Tällöin usein käytetään aria-label attribuuttia, jolle annetaan vain osa kortin sisällöstä.

Toinen yleinen haaste on tilanteissa, joissa yritetään antaa ruudunlukijakäyttäjille lisäkontekstia. Tarkoitus on hyvä, mutta usein toteutuksessa ei huomata, että kaiken näkyvän sisällön pitää olla sellaisenaan myös ARIA-merkinnöissä. Näkyvän tekstin perään saa lisätä lisää sisältöä. Alkuunkin sitä on mahdollista lisätä, mutta sitä ei suositella, koska se aiheuttaa herkästi ongelmia puheentunnistuksessa.

Miten testata?

Automaattiset työkalut löytävät osan tämän kriteerin virheistä.

Lisää tästä kriteeristä muualla