A11ying with Sanna - Toki, jos voisin opas saavutettavuuteen

Lomakkeet

Lomakkeiden saavutettavuuteen liittyy hyvin usein lomakekenttien nimilaput ja nimitiedot. Käytä visuaalisesti näkyviä nimilappuja aina kuin mahdollista. Varmista, että nimilaput on kohdistettu oikeisiin kenttiin. Mikäli ei voida käyttää näkyvää nimilappua, saat helposti avustaville teknologioille nimitiedon tarjottua visuaalisesti piilotetulla nimilapulla. Myös ARIA voi olla tässä avuksi.

Muista, että placeholder attribuutti ei ole nimitieto. Placeholder-attribuutin tarkoitus on antaa käyttäjälle esimerkki kenttään syötettävästä sisällöstä, tällä ei ole tarkoitus antaa käyttäjälle muita ohjeita kentän täyttämiseen. Ja sillä ei todellakaan ole tarkoitus antaa käyttäjälle kentän nimeä.

Käytä lomakkeiden kenttätyyppejä huolellisesti

Jos lomakkeita luodaan huolimattomasti, on suuri riski, että ne ovat käyttökelvottomia osalle käyttäjistä. Toteuta aina lomakkeet huolellisesti ja testaa ne myös ruudunlukijalla.

Käytä oikeita kenttätyyppejä. Jos pyydät käyttäjältä puhelinnumeroa, älä käytä tekstikenttää, vaan käytä puhelinnumerokenttää.

Käytä aina fieldsettejä ja legendeja, kun niitä kuuluu käyttää. Näitä yleensä tarvitaan ainakin checklistien ja radiobuttonien kanssa. Älä käytä näitä kuitenkaan lomakekenttien sisällön asemointiin.

Käytä automaattista täyttöä vain kentillä, joissa sitä on tarkoitus käyttää. Mutta tarjoa automaattinen täyttö kun mahdollista, se auttaa kaikkia käyttäjiä.

Tarjoa käyttäjälle ohjeita, jotka yhdistetään oikeisiin kenttiin. Sijoita ohje kentän lähistölle ja yhdistä se kenttään aria-attribuutilla aria-describedby.

Mikäli lomakkeesi on monisivuinen, käyttäjän pitää voida varmentaa täyttämänsä tiedot. Erityisesti mikäli lomakkeen lähettämisellä on rahallinen tai oikeudellinen seuraamus.

CAPTCHA

CAPTCHAt ovat monesti ongelmallisia kaikentyyppisille käyttäjille. Mikäli CAPTCHA-elementtiä käytetään, vamista, että sille tarjotaan tekstivastine. On myös hyvä käyttää ratkaisuja, joissa on tarjolla monen tyyppisiä vaihtoehtoja.