Skjema
Hvorfor det er viktig
Tilgjengelige skjema gir økt brukervennlighet for alle, men er spesielt viktig for brukere som benytter skjermlesere eller tastaturnavigasjon, og brukere med motoriske eller kognitive funksjonsnedsettelser (kilde: uutilsynet.no).
Teststeg
Automatiserte testverktøy kan teste nokså mye når det kommer til skjema, se også Hvilket verktøy er best?. Det er fortsatt endel ting du må alltid teste manuelt:
- Beskriver label (ledeteksten) formålet med skjemafeltet? Teksten skal være treffende, enkel og forståelig.
- Er labelelementet koblet korrekt med skjemafelet?
- Hvis bruker fyller ut skjemaet feil: Får brukeren en tekstlig beskrivelse av feilen og hvor feilen oppstår? Og konkrete forslag til løsning? Se gjerne mønster for skjemavalidering i NAV
- Hvis et skjemafelt krever spesielt format: Er formatet spesifisert? Dette gjelder for eksempel dato, personnummer, telefon eller liknende.
- Får brukerne mulighet til å bekrefte, kontrollere og/eller endre sine data i skjema med viktig formål? Dette kan for eksempel løses gjennom en oppsummeringsside som viser alt som er fylt ut, og der man kan gå tilbake og rette eventuelle feil.
- Blir obligatoriske felt tydelig merket, og er markeringen forklart? Eller er alterntivt valgfrie felt markert? Se våre retningslinjer på design.nav.no
- Sjekk at farge ikke brukes som eneste virkemiddel for å formidle informasjon; for eksempel at feil ikke bare markeres med farge.
- Sjekk at lengden på input-felt speiler forventet input. For eksempel 11-siffer lang inputfelt for fødselsnummer. Se veiledning på siden om input-felt
Vær obs når det skjer kontekstendringer
- Når et skjemaelement får fokus: Skjer det kontekstendring? (forventet resultat: nei)
- Ved utfyllelse av skjema: Skjer det automatisk kontekstendring (Unntak: Ok, dersom brukeren blir varslet om det før bruk av komponenten)(forventet resultat: nei)
Verktøy du kan bruke
Kjør gjerne automatiserte test først. Utover det kan for eksempel ARC toolkit identifisere skjemaelement og hvordan de er kodet:
