Retningslinje

1.3.5 Identifiser formål med inndata

Bruk autocomplete der det er mulig.

Oppdatert 18. mars 2025Publisert 18. mars 2025

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 til autocomplete-verdien.
Skjemaet må ha en submit-knapp (<button type="submit"> eller <input type="submit">).

For eksempel:

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 type date, email, hidden, month, number, password, search, tel, text eller url)
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

For brukere er det en stor fordel at autofyll brukes så vidt som mulig. Autofyll er som regel trygt og forventet, og det gir en bedre brukeropplevelse for alle. Brukeren bestemmer selv om de vil lagre og gjenbruke informasjonen. Dere bør imidlertid vurdere sikkerhet basert på konteksten løsningen brukes i. Det kan være lurt å slå av autocomplete i løsninger som brukes på kiosker eller offentlige datamaskiner.

Les mer om sikkerhet på W3Cs artikkel om HTML 5.2 autocomplete-attributter.

Nei. Kravet sier at formålet med skjemafeltet skal kunne bestemmes programmatisk, og i HTML betyr det at vi må bruke autocomplete-attributtet.

Ledetekster hjelper brukeren med å forstå hva de skal fylle inn, og type-attributtet kan forbedre brukeropplevelsen (for eksempel ved å vise riktig tastatur på mobil). Men autocomplete er den eneste måten i HTML å presist angi hvilken type personopplysninger feltet skal inneholde.

Nei, det anbefales heller å bruke de bredere autocomplete-verdiene der det er mulig. Smale og svært spesifikke felter kan være basert på kulturelt betinget antakelser om hvordan navn, adresser og annen informasjon er strukturert. For eksempel er det vanlig i noen kulturer å ha et fornavn og etternavn i en fast rekkefølge, men i andre kulturer plasseres etternavnet først eller brukes ikke i det hele tatt. Å bruke en enkelt name-verdi i stedet for separate given-name og family-name-felt kan derfor gi en mer inkluderende og fleksibel løsning.

Ja. Selv om skjemaet sendes via JavaScript, fungerer autofyll mest pålitelig hvis feltene er inne i et form-element med en submit-knapp (selv om knappen kan være skjult).

For å unngå uønsket navigering kan du:

Bruke onsubmit="return false" på form-elementet
Bruke event.preventDefault() for å hindre standard innsending

Dersom det er umulig å bruke et form-element, bør feltene i det minste ha meningsfulle name-attributter og gyldige autocomplete-verdier for å gi nettleseren nok informasjon til å håndtere autofyll riktig.

Lenker

Medvirkende

Sarah Brodwall

Innspill til artikkelen

Logg inn med Nav SSO for å gi innspill til artikkelen