Guide
Prefix og suffix til tekstfelter (benevnelse)
Vi fraråder bruk av tekst til venstre eller høyre både utenfor eller inn i inputfelter.
Mange etterspør en mulighet til å angi ekstra informasjon rett til venstre eller høyre for et tekstfelt ("prefix" og "suffix"). Designsystemet kommer ikke til å innføre prefix og suffix som en del av textfield-kompontenten.
Hvordan løser jeg problemet, da?
Bruk tekstfeltets label
til å forklare hva innholdet i feltet skal være. Inkluder enheten i selve label-teksten, uten forkortelser. Har du behov for ekstra informasjon, bruk aria-describedby
. Ved default plasseres denne under tekstfeltets label.
![Label med tekst "Årlig inntekt, i kroner"](https://cdn.sanity.io/images/hnbe3yhs/production/8505b3ede095b3d0fd4ee43d23929b6b13b28bb3-441x217.png?auto=format)
![Tekstfeltet med høyre-alignet forkortelse som benevnelse](https://cdn.sanity.io/images/hnbe3yhs/production/8cd11128b91eff856ff0f87951140317322e387c-441x217.png?auto=format)
Hvis du må bruke prefix eller suffix, sørg for at denne er programmatisk tilknyttet tekstfeltet med aria-describedby
. Prefix/suffix bør heller ikke skjules fra hjelpemidler, selv om informasjonen også finnes i labelen. Seende folk som bruker skjermlesere kan bli desorientert dersom det som leses opp av skjermleseren ikke matcher det som står på skjermen.
Medvirkende