Komponenter
Textarea
Textarea brukes når brukeren skal kunne skrive inn tekst som går over flere linjer.
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
Sjekk at du kan
- nå textarea med Tab
- skrive inn og redigere tekst med tastaturet
- navigere mellom linjer med piltastene
- opprette nye linjer med Enter
- markere tekst med Shift + piltastene og kopiere eller erstatte markert tekst
- nå neste felt med Tab