Det er lettere å fylle ut skjemaer riktig hvis du vet på forhånd hvilke felt som er påkrevde. Obligatoriske felt kan håndteres på flere måter -- velg den løsningen som gir best brukeropplevelse basert på dine behov.

Hvilke felt må merkes?

Hvilke felt du må merke avhenger av skjemaets innhold. Det viktigste er å sikre at brukerne har informasjonen de trenger for å fylle ut skjemaet på riktig måte. Optimalt brukeropplevelse balanserer informasjonsbehov med unødvendig kognitiv belastning fra gjentagende tekst eller symboler.

Skjemaer med bare obligatoriske felt

Skriv for eksempel "Alle felt må fylles ut" rett før skjemaet, og på hver side i skjemaet, inkludert i modaler.

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

Hvis du har en blanding av obligatoriske og valgfrie felt, med nesten like mange av hver type, kan det være lurt å markere hvert felt.

Valgfrie felt

Du bør som hovedregel unngå å be om informasjon du ikke trenger. Det er flere grunner til dette.

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

• At vi generelt unngår bruk av valgfrie felt.
• At vi ikke bruker valgfrie felt som ber om personopplysninger.

Husk i tillegg at 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 dette.

Hvordan markerer jeg feltene?

Innhold/grafisk

Sørg for at obligatoriske felt er utformet på en måte som alle brukere kan oppfatte og forstå. God praksis når du markerer enkle felt som obligatoriske er å inkludere tekst som "obligatorisk", "påkrevd" eller "må fylles ut" i parenteser helt til slutt i feltets ledetekst.

Hva med stjerne?

Ikke bruk symboler som stjerne (*) for å kommunisere til brukere at skjemafelt er obligatoriske. 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. Det er bedre å spesifisere helt konkret at et felt er obligatorisk i feltets umiddelbare nærhet.

Gjør

Unngå

Hjelpemidler

Hvis du følger rådene over, trenger du ikke gjøre noe spesielt for å kommunisere til hjelpemidler hvilke felter er obligatoriske.

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 annen 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.

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.