Etusivu › Tietopankki › WCAG-kriteeri

Lomakkeiden merkintä WCAG:n mukaan

Jokaisella lomakekentällä on oltava ohjelmallisesti liitetty nimilappu, jotta ruudunlukijan käyttäjät tietävät, mitä syöttää, ja jotta nimilapun napsautus siirtää kohdistuksen kenttään.

Oikea tapa

<label for="email">Sähköposti</label><input id="email"> — tai sisällytä kenttä <label>-elementtiin. aria-label / aria-labelledby vain, jos näkyvä nimilappu ei ole mahdollinen.

Miksi placeholder ei riitä

Placeholder katoaa syöttäessä, sen kontrasti on usein liian pieni, eivätkä kaikki ruudunlukijat tunnista sitä nimilapuksi.

Virheilmoitukset

Liitä virhe kenttään (aria-describedby) ja muotoile teksti konkreettisesti (”Anna kelvollinen sähköpostiosoite”, ei ”Virhe”).

Näin a11yglass auttaa

Maksuton skannaus tarkistaa toimitetun HTML:n ja CSS:n automaattisesti tunnistettavien WCAG-rikkomusten varalta ja ilmoittaa kutakin havaintoa kohti onnistumiskriteerin ja konkreettisen toimenpiteen. Se löytää suunnilleen 20–35 % ongelmista eikä korvaa täydellistä arviointia.

Lue lisää

• Alt-tekstit WCAG 1.1.1:n mukaan
• Näppäimistökäyttö WCAG 2.1.1:n mukaan
• Näkyvä kohdistus WCAG 2.4.7:n mukaan

Yleistä tietoa parhaan tietämyksen mukaan, ei oikeudellista neuvontaa. Yksittäistapauksessa on syytä kääntyä IT-oikeuteen erikoistuneen asianajotoimiston puoleen.