Virheiden tunnistaminen
Kun käyttäjä tekee lomakevirheen, joka havaitaan automaattisesti, virhe on tunnistettava ja kuvattava käyttäjälle tekstillä — ei pelkällä värillä, ei pelkällä kuvakkeella, ei hiljaisuudella.
Mitä vaaditaan
Jos lomakesyöte on virheellinen (väärä muoto, puuttuva pakollinen arvo, arvo sallitun alueen ulkopuolella) ja järjestelmä havaitsee sen automaattisesti, virhe on tunnistettava käyttäjälle tekstikuvauksella. Tekstin on kerrottava, mikä kenttä on virheellinen ja miksi — ei pelkästään, että “jokin” epäonnistui.
Onnistumiskriteeri ei vaadi järjestelmää havaitsemaan kaikkia mahdollisia virheitä; se vaatii, että havaitut virheet tuodaan käyttäjän tietoon tekstinä.
Miten vaatimus täytetään
- Liitä jokaiseen lomakekenttään näkyvä virheviesti, joka kuvaa ongelman ja sijoitetaan kentän viereen tai alle.
- Viittaa virheelliseen kenttään nimeltä: “Sähköpostiosoitteen on sisällettävä @-merkki.”
- Linkitä virhe syötteeseen
aria-describedby-attribuutilla, jotta ruudunlukuohjelmat ilmoittavat siitä kohdistettaessa. - Käytä
aria-invalid="true"virheellisessä syötteessä. - Palvelinpuolisessa validoinnissa renderöi yhteenvetoluettelo lomakkeen yläosaan, jossa jokainen kohde linkittää virheelliseen kenttään.
- Ilmoita dynaamiset validointiviestit live-alueen kautta (
aria-live="polite"tairole="alert"), jotta ruudunlukuohjelmat kuulevat virheen ilman, että käyttäjän on etsittävä sitä.
Tyypilliset virheet
- Punaiset reunukset virheellisten kenttien ympärillä ilman tekstiselitystä.
- Yleinen banneri, joka sanoo “Lomake virheellinen” tunnistamatta virheellisiä kenttiä.
- Vain tooltip-virheviestit, jotka katoavat kentästä poistuttaessa.
- Natiivi selaimen validointi (
required,pattern) käytettynä yksinään — selaimen kupla on epäluotettava ruudunlukuohjelmille ja katoaa liian nopeasti. - Sisäiset pelkät kuvakevirhemerkit (punainen huutomerkki) ilman saavutettavaa nimeä.
Miksi se on tärkeää
Tämä on auditoinnissa useimmin mainittu syöttämisen avun virhe. Näkeville käyttäjille punainen reunus on vähintään vihje; ruudunlukuohjelman käyttäjälle se on kuin sitä ei olisi olemassa. Värisokeille käyttäjille pelkkä punainen reunus ei rekisteröidy lainkaan. Kun käyttäjä on täyttänyt pitkän lomakkeen ja lähetys epäonnistuu hiljaisesti, he todennäköisesti luopuvat — ja saavutettavuus on syy, miksi se epäonnistui juuri heiltä.
Yhdistä onnistumiskriteeri 3.3.1 onnistumiskriteereihin 3.3.3 (Virhekorjausehdotus) ja 4.1.3 (Tilaviestit) — yhdessä ne muodostavat modernin lomakevirhekuvion.