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.

  • Feilmeldingene i oppsummeringen skal være ordlagt likt som feilmeldingen ved feltet.
  • Feilmeldingene skal lenke direkte til feltet det gjelder.
  • Hvis feilen gjelder flere felter lenker du til det første tilfellet av feilen.
  • 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 under felt og i oppsummering forsvinner når brukeren korrigerer dem, enten med én gang eller når de forlater feltet, avhengig av hva som gir best brukeropplevelse.
  • Oppsummering skal kun dukke opp når bruker velger knappen for å komme videre, ikke underveis i en skjemautfylling.
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