Hopp til innhold

Checkbox

Vi bruker avmerkingsbokser når vi vil gi brukerne en liste med valg, der de kan velge ett eller flere alternativer. Vi bruker også enkeltstående avmerkingsbokser der brukere må bekrefte noe.

Prinsipper

Vi bruker flere avmerkingsbokser sammen i en FieldGroup når vi vil gi brukerne en liste med valg, der de kan velge etter eller flere alternativer. Vi anbefaler at du plasserer valgene under hverandre. Standard tilstand for avmerkingsbokser er ikke valgt.

En gruppe avmerkingsbokser må ha en god overskrift, og ledeteksten til hver avmerkingsboks må beskrive alternativet.

Enkeltstående checkbox

En avmerkingsboks som står alene trenger ikke noen overskrift, så lenge ledeteksten er god og beskrivende. Når en avmerkingsboks står alene, er det gjerne for å bekrefte noe, for eksempel: "Jeg bekrefter at opplysningene jeg har gitt er riktige".

Riktig

Beskrivende ledetekst gjør at sjekkboksen fungerer alene

Feil

Lite beskrivende ledetekst gjør det utydelig

Tekst og validering

Ha en kort og tydelig overskrift, som beskriver hva brukeren skal velge. Hvis du trenger å forklare mer, kan du sette en hjelpetekst under gruppen.

Hvis avmerkingsboksene ikke validerer, vises det en feilmelding som forklarer hva som er galt. Denne feilmeldingen erstatter en eventuell hjelpetekst du har der fra før, og bør formuleres slik at brukeren både får viktig informasjon fra hjelpeteksten, og får vite hva som er feil.

Riktig

Forklar hva brukeren må gjøre, og inkluder det viktigste fra hjelpeteksten

Feil

Unngå korte og ubegrunnede feilmeldinger