Feilmeldinger og varsler i skjema

Skjemaer skal følge Skatteetatens retningslinjer for feilmeldinger og varsler, men i tillegg er det en del feilmeldinger og varsler som er spesifikke for skjemaer.

Feil i felt (valideringfeil)

Hvis det er validering på et felt, skal det valideres når bruker går ut av feltet. Feilmelding vises slik det er implementert i komponenten eller som en ErrorMessage.

I tillegg til den generelle måten å skrive feilmeldinger på, skal teksten i meldingen har en referanse til feltet. Referansen til feltet skal komme tidlig i meldingen, for eksempel «Type virksomhet må fylles ut». Ledeteksten trenger ikke gjentas i sin helhet, men det skal være mulig å forstå hvilket felt som feiler ut i fra teksten.

imagef0wza.png

Når bruke forsøker å forlate et steg i skjemaet, som for eksempel klikker på Neste-knappen, og det er feil i ett eller flere felt på det steget, skal det vises en oppsummering av feilene. Oppsummeringen vises som ErrorSummary.

  • For feilmeldinger som handler om enkle skrivefeil eller obligatoriske felt er korte tekster ok (for eksempel «Antall dager må fylles ut»). For lengre tekster med veiledning og forklaring anbefaler vi å bruke mer aktivt «du-språk».
  • Feilene forsvinner fra oppsummeringen etter hvert som brukerne fikser dem.
imagee0pii.png

 

Bruker får ikke gjort handlingen

Hvis det oppstår feil som gjør at bruker ikke får utført handlingen sin, for eksempel i backend eller med brukerens internettforbindelsen, skal vi gi tydelige feilmeldinger om hva som skjer og hva bruker kan gjøre. Eksempler på dette er at systemet ikke klarer å lagre eller slette utkast.  

Feilen oppstår i selve skjemaet

Hvis en feil oppstår når bruker klikker på en knapp i skjemaet, vises det som en alert av typen warning. Meldingen vises over knappen bruker klikket på.

meldingVedKnapp.png


Feilen oppstår i en modal

Hvis det oppstår en feil i en modal, vises det også som en alert av typen warning. Alerten plasseres direkte over knappen brukeren har klikket på, ikke under.

feilIModal.png

 

Hvis det tar tid før handlingen utføres

I tilfeller hvor backend bruker tid på å svare, viser vi spinner som forteller at systemet jobber. Dette gjelder både i modaler og i skjemaet.

Eksempel i modal:

boksMedSpinner.png

 

Eksempel i skjema:

spinner.png

Bruker lukker vinduet uten å lagre

Hvis brukeren lukker fanen i nettleseren uten å lagre skjemaet, skal hen få opp en modal som spør om hen ønsker å fortsette med skjemaet.

image2nb25.png