Komponenter
Radio
Radio er et alternativ brukeren kan velge. Bruk flere radio for å vise en liste med alternativer. Brukerne kan bytte mellom alternativene, men kan kun velge ett.
Dette må du sjekke selv
Grupper med valg skal ha en beskrivende legend.
Legend, beskrivelse og feilmeldinger skal være koblet til gruppen slik at de blir tilgjengelige for hjelpemidler.
Du kan bruke Fieldset for å koble sammen legend, beskrivelse og feilmeldinger.
Feltet skal ha et tydelig tilgjengelig navn som samsvarer med den synlige ledeteksten.
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)
Test med tastatur
Merk at vi bruker piltastene til å velge alternativer i Radio-komponenten, ikke Tab-tasten.
Sjekk at du kan
- nå radiogruppens første radio med Tab
- se hvilket valg som er valgt når fokus kommer inn i gruppen
- velge alternativet hvor fokus er, med Mellomrom
- bruke ↑ eller ← (piltastene opp og venstre) går til forrige valg
- bruke ↓ eller → (piltastene ned og høyre) går til neste valg
- nå ut av gruppen igjen med Tab