Validering av fält

Validera innehållet som användaren skriver in.

I de fall skräddarsydda formulärfält används, anpassa dem till hjälpmedel

Många användare använder hjälpmedel som skärmläsarprogram, förstoringsprogram och punktdisplay. Dessa hjälpmedel kommunicerar med operativsystemets tillgänglighets-API. För att det ska fungera behöver varje del av en webbsida eller applikation vid varje tillfälle exponera sitt namn, sin roll och sitt aktuella värde. Då kan hjälpmedlet presentera applikationen på ett korrekt sätt för användaren.

• Använd standardkomponenter som finns i HTML. Endast när det finns starka skäl – och tillräckliga resurser för test och utveckling och förvaltning – bör skräddarsydda komponenter utvecklas.

Ge inga överraskningar vid inmatning

När användaren till exempel redigerar text i ett formulärfält, markerar en kryssruta eller ändrar värde i en flervalsmeny uppstår det som på programmeringsspråk kallas ett event (programhändelse). Ett event kan kopplas till olika åtgärder, som att komponentens bakgrund får en annan färg eller att en hjälptext visas. Men det kan också kopplas till mer oväntade förändringar, som att ett nytt fönster öppnas, att fokus automatiskt flyttas eller att ett formulär skickas in.

Sådana oväntade förändringar av sammanhanget kan orsaka problem för användare och bör därför undvikas. Utför bara ändringar när användaren har anledning att förvänta sig dem. Ett sätt att göra ändringen förväntad är att informera om den i förväg.

Ge möjlighet att ångra, korrigera eller bekräfta vid viktiga transaktioner

Alla kan råka göra fel, och för den som har till exempel läs- och skrivsvårigheter eller motoriska nedsättningar kan risken vara större än för andra. Blir det fel i viktiga formulär som till exempel gäller ansökningar eller ekonomi kan konsekvenserna bli stora. Formulär som används för viktiga aktiviteter behöver därför göra det enkelt för användaren att i första hand undvika misstag, men också att rätta till dem.

Exempel:

• Markera fel och felmeddelanden med WAI-ARIA. Ge förslag på hur ett giltigt format ser ut, till exempel e-postadress (namn@domän.se).
  <h2 role="alert">Du måste fylla i din e-postadress i formatet namn@domän.se </h2>
• Lägg till aria-required för de fält som är obligatoriska.

Markera obligatoriska fält i formulär

Informera användaren om vilka fält i ett formulär som är obligatoriska, för att minska risken att onödig tid behöver läggas på rättning av felaktigt eller ofullständigt ifyllda formulär.

• Skriv ut ”(obligatoriskt)” i anslutning till fältet för att visa att det är obligatoriskt.
• Använd aria-required i obligatoriska fält.