Uansett valg deler vi aldri dine data med andre. Mer om informasjonskapsler på aksel.nav.no

  • Godta alle: Hjelper oss gjøre tjenestene bedre for deg basert på anonymisert bruk.
  • Bare nødvendige: Sikrer at tjenesten fungerer og er trygg. Kan ikke velges bort.
Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Retningslinje

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.

Gjør
Label med tekst "Årlig inntekt, i kroner"
Labelen inkluderer informasjonen man trenger for å fylle ut feltet.
Unngå
Tekstfeltet med høyre-alignet forkortelse som benevnelse
Ikke inkluder benevnelse i tekstfeltet.

Hvis du 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.

Hvorfor fraråder vi prefix og suffix?

Medvirkende

Sarah Brodwall

Innspill til artikkelen

Logg inn med Nav SSO for å gi innspill til artikkelen

Logg inn med Nav SSO