Hvorfor er suksesskriteriet viktig?

Det er sjeldent at noen fyller ut skjemaer fordi det er gøy. Som oftest ønsker man å bare få ting gjort, så enkelt og fort som mulig.

Møter man et skjema som ikke gir nok informasjon om hva som egentlig skal fylles ut, blir det fort frustrerende, og enkelt å gjøre feil. Dette er spesielt utfordrende for personer med konsentrasjonsvansker, eller begrenset bevegelighet i for eksempel fingrene.

Dette suksesskriteriet skal sikre at brukeren får tilstrekkelig veiledning om hva som skal fylles ut. Vær obs på at for mye informasjon kan være like utfordrende som for lite informasjon.

Anbefalinger

Pass på at brukeren kan se hva som er formålet med skjemaelementene. Dette innebærer:

Gjør

Unngå

Ved bruk av ikoner / symboler uten synlig ledetekst:

Obligatoriske felt:

Gjør

Vanlige misforståelser

Dette sukesskriteriet dekker ikke alt som har med ledetekster eller instruksjoner å gjøre, men bare at de finnes. Om de er kodet riktig, testes i sammenheng med 1.3.1 Informasjon og relasjoner og 4.1.2 Navn, rolle, verdi. Om ledetekstene faktisk hjelper brukeren med å fylle ut riktig, er tema i 2.4.6 Overskrifter og ledetekster. Og hvordan feil håndteres, er noe 3.3.1 Identifikasjon av feil og 3.3.3 Forslag ved feil belyser.

Hvordan teste kravet

Kjernespørsmålet

Har alle skjemaelementer og knapper synlig ledetekst eller instruksjon?

Innhold du må teste

Alle skjemaelementer, også søkefelt og knapper.

Testmetode

Du kan bruke en bookmarklet som forms-bookmarkleten fra Accessibility Bookmarklets for å fremheve alle skjemaelementer på nettsiden. De fungerer dessverre ikke på sider på nav.no.

Sjekk at:

Ofte stilte spørsmål

Hvis jeg legger inn forklarende informasjon blir ledeteksten fort veldig lang. Gjør ikke det ting verre?

Det er viktig at du skriver det som er viktig for å fylle ut feltet riktig, uten å legge til unødvendig informasjon.

Bruk helst selve <label>-elementet for å si hva som må fylles ut, og legg mer detaljert informasjon i en beskrivelse som er knyttet til feltet, for eksempel gjennom aria-describedby.

Hvis du har behov for å formidle enda mer informasjon knyttet til skjemaelementet, kan du også legge til noe mer informasjon i en type «read-more»-komponent.

Jeg vil ha min ledetekst inne i feltet. Hvordan kan jeg gjøre det?

Det aller beste er å ikke gjøre det. Ha ledeteksten utenfor feltet, da er det enklest for brukerne å forholde seg til den. Du kan teoretisk ha ledeteksten inn i feltet, og så «floate» den ut av feltet når brukeren begynner å fylle ut. Altså ikke la den forsvinner sånn som det skjer med placeholder-tekster. Men så: Hvis du uansett skal flytte den ut av feltet, hvorfor ikke bare ha den ute fra start?

I en select-komponent, kan jeg da bruke første valgmulighet som label?

Det kan du i teorien, så lenge labelen da ikke en av valgmulighetene. Det vil si du kan bruke «velg land», men ikke «Norge». Det er likevel aller best å ha en tydelig ledetekst utenfor, slik at brukeren til enhver tid ser hva det egentlig er man velger her. Se også Akels select-komponent.