Komponenter
Suggestion
Suggestion er en søkbar "select" med mulighet for å velge flere alternativer.
Dette må du sjekke selv
Feltet skal ha en synlig label.
Skjermlesere skal presentere ledetekst, beskrivelse og feilmeldinger når feltet får fokus.
Du kan bruke Field for å koble sammen label, beskrivelse og feilmeldinger.
Feltet skal ha et tydelig tilgjengelig navn som samsvarer med den synlige label.
Det tilgjengelige navnet skal inneholde den synlige teksten som beskriver feltet. Dette gjør at brukere av talegjenkjenning og skjermlesere kan referere til feltet med samme navn som vises på skjermen.
Obligatoriske felt skal være tydelig merket.
Brukeren skal enkelt kunne forstå hvilke felt som må fylles ut. Følg mønsteret for obligatoriske og valgfrie skjemafelt.
Feilmeldinger skal være tydelig knyttet til riktig felt og forklare hvordan feilen kan rettes.
Feilmeldingen skal gjøre det klart hvilket felt som inneholder en feil, hva som er galt og hvordan brukeren kan rette den. Unngå generelle meldinger som «Feil» eller «Ugyldig verdi». Bruk heller konkrete meldinger, for eksempel «E-postadressen må inneholde @».
Se mønsteret for brukerutløste feilmeldinger for anbefalinger om når og hvordan feilmeldinger bør vises.
WCAG: 3.3.1 Identifikasjon av feil (uutilsynet) og 3.3.3 Forslag ved feil (uutilsynet)
Placeholder skal ikke brukes som eneste ledetekst eller til viktig informasjon.
Placeholder forsvinner når brukeren begynner å skrive og blir ikke alltid lest opp av hjelpemidler. Bruk den derfor kun som et eksempel på forventet innhold eller format – se Unngå plassholdertekster.
Bruk riktig autocomplete-verdi når feltet gjelder brukeren selv.
Riktig autocomplete gjør det enklere å fylle ut skjema, og er påkrevd for felt som gjelder brukerens egne personopplysninger. Se Formål med inndata for når og hvordan du bruker det.
Test med tastatur
For enkeltvalg, sjekk at du kan
- nå suggestion med tab
- skrive tekst i feltet uten å bruke mus
- får vist forslag når kriteriene for forslag er oppfylt
- navigere mellom forslagene med piltastene
- velge et forslag med enter
- lukke forslagene med escape
- fortsette å skrive i feltet etter å ha navigert i forslagene
- forstå hvilket forslag som er markert
**For flervalg, sjekk at du kan alt det samme som over, men også
- velge et forslag med enter uten at tidligere valg fjernes
- fjerne et aktivert valg med enter uten at andre valg også fjernes
- observere at visuelle chips som viser valgte verdier, gjenspeiler valgte verdier i listen