Egnet til:

• når en komponent ikke har innebygget mekanisme for feilmeldinger.

Uegnet til:

• når du skal vise flere varsler eller feil som gjelder hele siden. Bruk i stedet ErrorSummary.
• når du skal vise en overordnet systemfeil eller feil ved innlastning. Da skal du i stedet normalt bruke alert.

Teknisk dokumentasjon

Se ErrorMessage i Storybook for tekniske detaljer. 

Hvordan bruke komponenten

ErrorMessage kan brukes både i kontekst eller frittstående.

Feilmelding i kontekst

Feilmelding i kontekst varsler brukeren om en feil i en spesifikk handling, som for eksempel en feil i et utfylt felt.

Eksempel på en feilmelding i kontekst. Den kobles direkte til et spesifikt innholdselement og teksten plasseres under innholdselementet.

Frittstående feilmelding

Generell feilmelding kan brukes frittstående i en større sammenheng.

Eksempel på generell feilmelding. Denne kan brukes i større sammenhenger. Et eksempel kan være i slutten av et skjema der brukerne får beskjed om å rette en feil før de kan gå videre.

Universell utforming  

• Feilmeldingen må ha et kontrastforhold på minst 4.5:1 mot bakgrunnen den plasseres på. 
• Feilmeldingen skal vises i umiddelbar nærhet til elementet den hører til. I Skatteetaten vises meldingen under tilhørende felt.
• Vi bruker ikon og tykkere tekst i tillegg til farge for feilmeldinger.
• Når du skal vise eller skjule komponenten må du bruke den innebyggede egenskapen (showError) – i stedet for å lage egne regler rundt komponenten. Dette gjør det lettere for skjermleser å fange opp endringen.
• Husk at teksten i feilmeldingen skal ha en referanse til feltet, for eksempel «Type virksomhet må fylles ut».