Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Retningslinje

1.3.5 Identifiser formål med inndata

Bruk autocomplete der det er mulig.

Suksess

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:

HTML
<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 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

Medvirkende

Sarah Brodwall

Innspill til artikkelen

Logg inn med Nav SSO for å gi innspill til artikkelen

Logg inn med Nav SSO