TextArea

Egnet til:

• Legge i tekster som er lengre enn én linje
• Fritekst og svar

Uegnet til:

• Formatert tekst (for eksempel markdown)

Komponenter som ligner:

• TextField

Teknisk dokumentasjon

Se TextArea i Storybook for tekniske detaljer

Read-only

Readonly-attributtet spesifiserer at et inputfelt i et skjema er skrivebeskyttet. Et skrivebeskyttet felt kan ikke endres, men brukere kan tabbe til det, markere det og kopiere tekst fra det. Til forskjell fra disabled-felter vil innholdet i readonly-felter inkluderes når et skjema sendes inn.

Slik bruker du komponenten

Ledetekst, beskrivelse og hjelpetekst

Ledetekst og beskrivelse er alltid plassert over tekstfeltet slik at det er godt synlig på små skjermer og ikke kommer i konflikt med feilmelding. Unngå at ledeteksten går over flere linjer, men bruk i stedet beskrivelsesfeltet for å forklare detaljer. Hvis du har ytterligere behov for å veilede brukeren i utfyllingen kan du legge til en lengre hjelpetekst bak et spørsmålstegn. 

Ikke bruk placeholder-tekst

Vi fraråder bruk av placeholder-tekst. Grunnen til dette er at placeholder-teksten forsvinner så snart brukeren begynner å skrive i feltet, må informasjonen uansett gjentas i ledetekst eller beskrivelse. På grunn av kontrastkrav på minst 4,5, kan også brukerne tro at feltet allerede er utfylt. Sørg derfor for at du i stedet skriver den informasjon som trengs til utfylling av feltet i ledetekst og beskrivelse.

God praksis og relaterte mønstre 

• Skriveregler for ledetekster og hjelpetekster.
• Mønster for obligatoriske felt.

Universell utforming  

• Kun placeholder-attributt er ikke tilstrekkelig for å bestå WCAG. Ledetekst (label/aria-label) og placeholder skal ikke være identiske. Placeholder-tekst er ment for å gi et hint om det som skal skrives i feltet.
• Feilmeldingen skal vises i umiddelbar nærhet til elementet den hører til. I Skatteetaten vises meldingen under tilhørende felt. Husk at kontrastkravet, minst 4,5 i kontrast for vanlig tekststørrelse, også gjelder på feilmeldinger (komponent oppfyller kravet som standard).