Det er lettere for folk å fylle ut skjemaer riktig hvis de på forhånd vet hvilke felt de skal fylle ut. Og hvis du ber om mindre info, blir det til og med enda lettere!

Hvilke felt må merkes?

En optimal brukeropplevelse balanserer informasjonsbehov med unødvendig kognitiv belastning fra gjentagende tekst eller symboler.

Skjemaer med bare obligatoriske felt

Skriv "Alle felt må fylles ut" rett før skjemainnholdet. Dette må du gjenta på hver side i skjemaet, inkludert i modalvinduer. Da er det ikke nødvendig å gjenta informasjonen om at feltene er obligatoriske i hver ledetekst.

Skjemaer med bare ett felt

Hvis skjemaet har bare ett felt, er det ikke nødvendig å markere feltet som obligatorisk.

Skjemaer med både obligatoriske og valgfrie felt

I tilfeller der skjemaet har både obligatoriske og valgfrie felt, kan du skrive "Alle felt må fylles ut, unntatt felt markert med (valgfritt)" rett før skjemainnholdet. Skriv så "(valgfritt)" til slutt i ledetekstene til de valgfrie feltene.

Unngå valgfrie felt

Unngå å be om informasjon du ikke trenger. Idéelt sett bør alle feltene i skjemaet være obligatoriske. Dette gjør alt enklere for både brukeren og deg som lager skjemaet. Det er flere grunner til dette.

For det første, hvis alle skjemafeltene er obligatoriske, trenger ikke folk å bruke kognitiv energi på å finne ut om de må eller vil svare på spørsmålene.

I tillegg, hver eneste mulighet for input er en mulighet for feil. Det er også en økt risiko for å støte vekk brukeren når vi ber om mer informasjon enn vi trenger til formålet eller informasjon som kan oppfattes som sensitiv. Dersom du ber om sensitiv eller valgfrie personopplysninger, bør du forklare til brukeren hvorfor du trenger disse.

Så er det dataminimering, et grunnleggende personvernprinsipp som går ut på å begrense mengden informasjon vi ber brukeren om å oppgi. Vi er også nødt til å ha behandlingsgrunnlag på plass i forkant når vi ber om personopplysninger. I praksis betyr dette:

Hvordan markerer jeg feltene?

God praksis er å gi generell informasjon rett før skjemainnholdet og kommuniser eventuelle unntak via ren tekst i feltets label.

Hva med stjerne?

Ikke bruk symboler som stjerne (*) for å kommunisere til brukere at et skjemafelt er obligatorisk. WCAG-kravene tillater å bruke symboler på denne måten dersom de blir definert før bruk, men denne typen indirekte markering øker brukerens kognitive last. I tilfeller der du må markere et skjemafelt som obligatorisk, er det bedre å skrive "må fylles ut" i parenteser til slutt i feltets label.

HTMLs required-attributt

HTMLs required-attributt inkluderer både funksjonalitet og design i tillegg til semantikk som standard. Håndteringen av disse egenskapene er ikke konsistent på tvers av nettlesere. required-attributtet disabler innsendingen av skjemaet og viser nettleserens innebygde feilmelding tilknyttet skjemafeltet. Det betyr at validering du selv har programmert til å bli utført på submit ikke blir utført. Du har heller ikke kontroll over feilmeldingens innhold eller utseende. Feilmeldingen kan for eksempel dukke opp i et annet språk enn nettsiden, og responderer ikke nødvendigvis på brukerens innstilling for skriftstørrelse.

Dersom du må bruke HTMLs required-attributt, kan du legge novalidate-attributtet på form-elementet for å unngå at nettleseren bruker sin egen validering og blokkerer submit.

Skjermleser og leselist

Skjermleser- og leselistbrukere får informasjonen at feltet er påkrevd via attributtet aria-required. Hvis "må fylles ut" er en del av feltets label, bør du wrappe denne i en span med aria-hidden="true" for å unngå at denne informasjonen blir lest opp dobbelt.

Be om råd!

Markering av obligatoriske og valgfrie felt er et overraskende nyansert tema. Det som fungerer for et skjema kan bli forvirrende i en annen kontekst. Er du usikker på hva som er best for din situasjon, ta gjerne kontakt med uu-teamet eller ildsjelene på #nav-uu for å drøfte løsninger.