Logotyp vetenskapsrådet
logo_mobile

Felmeddelanden

Ge tydliga felmeddelanden och instruktioner för att hjälpa användarna rätta till eventuella misstag.

Visa var ett fel uppstått och beskriv det tydligt

Om ett fel uppstår behöver användaren hjälp. Visa tydligt vad som är fel med hjälp av både grafisk form och text. Välformulerade felmeddelanden ökar användarens möjlighet att fylla i formulären så felfritt som möjligt.

Exempel:

  • Visa specifika och enkelt formulerade felmeddelanden i direkt anslutning till formulärfältet, till exempel <p role="alert">Du måste fylla i din e-postadress i formatet namn@domän.se.</p>
  • Om användaren lämnar ett obligatoriskt fält tomt ska felmeddelande visas när hen lämnar fältet.
  • Använd felhantering med hjälp av javascript.

Ge förslag på hur fel kan rättas till

När ett inmatningsfel upptäcks, använd felmeddelandet för att hjälpa användaren att rätta till det. Ge exempel på rätt format för inmatningen eller föreslå en annan stavning som liknar det som användaren angivit.

Exempel:

  • Markera fel och felmeddelanden med WAI-ARIA så att de uppfattas tydligt av användare med hjälpmedel.
  • Formulera tydliga felmeddelanden. Undvik generella texter som ”Fältet är obligatoriskt” – skriv i stället ”Fältet e-post är obligatoriskt”.
  • Felmeddelanden ska tydligt skilja sig från den övriga webbplatsens design och utseende.