Kaikkien käyttöliittymäkomponenttien (mm. lomake-elementit, linkit ja skriptien luomat komponentit) nimi ja rooli voidaan selvittää ohjelmallisesti tilat, ominaisuudet ja arvot, jotka käyttäjä voi asettaa, voidaan myös asettaa ohjelmallisesti ja tieto näiden muutoksista on käyttäjäagenttien, mukaan lukien avustavien teknologioiden, saatavissa.
Varmista, että käyttöliittymäkomponenteilla on selkeät nimet, roolit ja tilat.
Tukee apuvälineteknologioita sisällön ja toiminnallisuuden tarkassa välittämisessä.
Käyttää virheellistä HTML-merkintää, kuten vääräntyyppisiä elementtejä. ARIA-merkintöjen puutteellinen käyttö.
Automaattisilla työkaluilla voidaan saada kiinni osa tämän kriteerin ongelmista.
Tämän kriteerin kohdalla olet saattanut törmätä varoituksiin, joissa sanotaan, ettei elementillä (yleensä <select>
) ole saavutettavaa nimeä tai arvoa. Nämä tarkoittavat seuraavaa:
aria-label
attribuuttia, kerrotaan tietoa ainoastaan avustavaa teknologiaa käyttäville. Jos käytetään näkyvää label-elementtiä, kerrotaan tietoa jokaiselle käyttäjälle.<select>
, tämä tarkoittaa selected-attribuutin lisäämistä <option>
elementtiin. Jos käytetään "kaikki"-vaihtoehtoa, tämä voidaan merkitä valituksi, kun käyttäjä saapuu sivulle.Suunnittele näkyvät nimitiedot, jotta kehittäjän ei tarvitse käyttää elementeissä ARIA-attribuutteja. Näkyvä nimitieto auttaa kaikkia käyttäjiä, kun taas ARIA-attribuutit auttavat vain ruudunlukijakäyttäjiä.
Monet tähän ja 1.3.1 kriteeriin liittyvistä virheistä on ehkäistävissä käyttämällä oikein toteutettuja visuaalisesti näkyviä nimitietoja (<label>
).