Dette er en del av en artikkelserie som tar for seg alle AA punkter i WCAG 2.0.
For å se hele listen, klikk her.
Merk elementer og gi instruksjoner
3.3.2 Ledetekster eller instruksjoner (Nivå A)
Sjansen er stor for at nettstedet ditt vil ha en funksjon som krever at brukerne dine fyller ut litt informasjon. Dette kan være på en handlekurv-side for å kjøpe et produkt, et kontaktskjema for å komme i kontakt eller en nyhetsbrevregistrering for å melde deg på adresselisten din. Du må sikre at brukerne vet hva som kreves av dem når de når en av disse elementene på nettstedet ditt.
Uten klare etiketter og instruksjoner vet ikke brukerne dine hva de skal gjøre.
Hva bør du gjøre
- Merk alle inntastingsfelter tydelig.
- Der et felt trenger et spesifikt format, gi et eksempel (for eksempel for et dato-felt kan du bruke "Angi datoen som dd/mm/ åååå"
- Merk obligatoriske felt med et ikon og forklar hva ikonet betyr før skjemaet.
- Hold etikettene enkle - for mye forklaring kan være forvirrende. Ting som ‘Fornavn’, ‘E-post’ og ‘Din melding’ er bra.
- Det samme gjelder instruksjonene, "Nødvendige felt er i rødt og har et * symbol" fungerer bra. "Fyll ut dette skjemaet og klikk på 'Send' for å komme i kontakt."
Tips
- Instruksjoner må ta hensyn til hvordan brukere bruker sanseegenskaper.
- Tenk på hvordan din bruk av farger påvirker ting som påkrevde felt, hvis du vil fremheve dem etter farge. Ikke merk bare med farger, velg et symbol også.
- Vurder også feilidentifikasjon, og sørg for at du gir nyttige instruksjoner når brukerne gjør feil på skjemaer.