Delar av dette innhaldet er ikkje tilgjengeleg på nynorsk enno.

Inaktive felt (disabled)

Tekstfelt, knapper og andre skjemaelementer som er nedtonet og ikke klikkbare, sier vi at er i inaktiv eller disabled tilstand. Vi anbefaler at du ikke bruker slike tilstander, og på denne siden forteller vi hvorfor og hva du kan gjøre i stedet.

Vi anbefaler at du ikke bruker inaktive elementer:

Inaktive elementer stiles normalt med lavere kontrast og endret farge (grå), men ikke alle oppfatter dette som et inaktivt element likevel. Hvis brukeren prøver å aktivere elementet skjønner hen ikke hvorfor det ikke fungerer.
Kompleksiteten øker, fordi du må forklare hvorfor elementet er inaktivt. Uten en slik forklaring vil brukeren rett og slett måtte gjette seg frem til hva du har tenkt og hvordan hen skal aktivere elementet.
Et inaktivt element får ikke tastaturfokus, og det gjør at leselist- eller skjemleserbrukere kan gå glipp av det.

Inaktive radioknapper

For radioknapper eller checkboxer bør du kun vise folk de valgene de kan ta i den aktuelle situasjonen. Alterernativt kan du ha alle valg åpne, og deretter vise en melding som forklarer hvorfor valget ikke er gyldig hvis brukerne velger det.

Ikke slik: Enkeltvis disablede felt

Gjør slik: la feltet være aktivt
Gi forklaring med en interaktiv melding.

Gjør slik: skjul ugyldige valg
Du kan eventuelt forklare hvorfor i hjelpetekst.

Nesteknapp i veivisere

Vi anbefaler at nesteknappen i veivisere (StepList) alltid er aktiv, selv om ikke alle betingelser er oppfylt i steget. Hvis for eksempel steget inneholder ett felt og dette ikke ennå er fylt ut, kan du vise feilmelding direkte når knappen trykkes på. På samme måte, hvis steget inneholder flere felt med feil bruker du ErrorSummary i tillegg til feilmelding ved hvert enkelt felt.

Ikke slik: inaktiv neste-knapp

Gjør slik: la knappen være aktiv

Gjør slik: Feiloppsummering over knappen

Tekst og inputfelt

Rammer rundt felt er et signal om at dette er en verdi kan endres, og disabled forteller at man ikke kan endre likevel. Hvis brukeren ikke kan endre noe er det som regel bedre å vise det som ren tekst – uten rammer.

Ikke slik: inaktive skjemafelt med tekstinnhold

Gjør slik: vis som ren tekst