TL;DR
- Webtilgængelighed handler om, at flere kan bruge det samme interface.
- Mange krav i en formular er usynlige, hvis vi ikke skriver dem tydeligt.
- Hjælpetekst og fejltekst skal hænge sammen med feltet.
- God form-HTML er ofte første skridt mod bedre tilgængelighed.
Hvis du kun husker én ting: En formular er først god, når den også giver mening for brugere, der ikke ser eller bruger siden som dig.
Til alles fordel
Webtilgængelighed handler ikke kun om én lille brugergruppe. Det handler om at bygge UI, som flere kan forstå og bruge.
På forms betyder det blandt andet:
- tydelige labels
- tydelige krav
- tydelig feedback
- en struktur som både browseren og hjælpemidler kan forstå
Usynlige krav skal gøres synlige
En klassisk fejl er, at formularen forventer en masse af brugeren, uden at det bliver sagt tydeligt.
Et lille eksempel med et password-felt kan se sådan ud:
<div> <label for="password">Password</label> <p>Password must be at least 8 characters</p> <input id="password" type="password" /> <p>Please enter a value</p></div>Det er ikke en perfekt, færdig løsning endnu. Men det illustrerer noget vigtigt:
- feltet har et navn
- feltet har en instruktion
- feltet har en fejlbesked
Det er langt bedre end et felt, hvor brugeren bare skal gætte sig frem.
God hjælp er en del af formularen
Når du bygger en form, skal du ikke kun tænke:
- hvilket input-felt skal jeg bruge?
Du skal også tænke:
- hvad skal brugeren vide for at udfylde feltet korrekt?
Det kan være:
- et format
- en længde
- et eksempel
- en fejlmeddelelse
De ting er en del af brugeroplevelsen, ikke bare “ekstra tekst”.