Suksesskriterium 1.3.5 Identifiser formål med inndata (Nivå AA)
Formålet med hvert skjemaelement som samler inn informasjon om brukeren, kan bestemmes programmatisk når:
- skjemaelementet tjener et formål som er en del av punktet inndataformål for brukergrensesnittkomponenter, og
- innholdet er implementert ved hjelp av teknologier med støtte til identifikasjon av det forventede meningsinnholdet til inndata i skjema.
Hvorfor er suksesskriteriet viktig?
Det kan være slitsomt å fylle ut personopplysninger, særlig for brukere med kognitive eller motoriske utfordringer. Når skjemafeltets formål er definert i koden, kan nettlesere og hjelpemidler automatisk foreslå eller fylle inn informasjon (autofyll). Dette gjør det lettere å fylle inn skjemaet raskt og riktig.
Tips
Kun brukerens egne personopplysninger omfattes av kravet, og bare dersom personopplysningene faller inn under en av HTMLs gyldige autocomplete-verdier.
Anbefalinger
Nettlesere bruker flere faktorer for å bestemme hvilken informasjon de skal fylle skjemafeltet med. Autofyll fungerer best når flest mulig av følgende er på plass:
- Alle relevante input-felt ligger inne i et
form
-element. - Skjemafeltene bruker egnet
type
-attributt. - Hvert felt har et
name
-attributt som samsvarer med eller er nært knyttet tilautocomplete
-verdien. - Skjemaet må ha en submit-knapp (
<button type="submit">
eller<input type="submit">
).
For eksempel:
<form onsubmit="return false">
<input name="email" type="email" autocomplete="email"> <input name="billing_address" type="text" autocomplete="billing street-address">
<button type="submit">Send inn</button> </form>
Vanlige misforståelser
Man skulle trodd at det er enkelt å slå av autofyll ved å bruke autocomplete="off"
på skjemafelter eller på form-elementet. I praksis ignorerer mange nettlesere off-verdien, tilsynelatende for brukervennlighetens skyld. I tillegg bryter du kravet hvis du setter autocomplete="off"
på et skjemafelt som omfattes av kravet. Dersom du har behov for å skru av autofyll, bruk en av teknikkene beskrevet i MDNs artikkel om hvordan å slå av autofyll.
Hvordan teste kravet
Kjernespørsmålet
Er alle skjemafelter som ber om brukerens personlige informasjon kodet med en gyldig autocomplete
-verdi?
Innhold du må teste
Skjemafelter som ber brukeren om personlig informasjon og som samsvarer med en av HTMLs autocomplete
-verdier. Dette gjelder følgende skjemaelementer:
input
(med typedate
,email
,hidden
,month
,number
,password
,search
,tel
,text
ellerurl
)select
textarea
Testmetode
Bruk nettleserens DevTools til å inspisere de relevante skjemafeltene. Sjekk at hvert felt har en gyldig autocomplete
-verdi som passer til informasjonstypen feltet ber om.
Ofte-stilte spørsmål
Lenker
Medvirkende