Ga naar hoofdinhoud

WCAG-succescriterium 3.3.1 Foutidentificatie

W3C referenties

Uitleg

Laat een gebruiker weten als er fouten zijn bij het invullen van een formulier. Vertel duidelijk en toegankelijk wanneer een formulierveld niet, of niet goed is ingevuld.

Gerelateerde NL Design System-richtlijnen

Bronnen

Op GOV.UK:

Overige bronnen:

Gebruikersonderzoek

Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij Gebruikersonderzoeken delen op gebruikersonderzoeken.nl.

Hoe te testen

Dit is een samenvatting van Foutmeldingen in een formulier.

Controleer het formulier op foutmeldingen:

  • De foutmelding mag niet al zichtbaar als de gebruiker nog aan het typen is.
  • De foutmelding wordt niet automatisch door de browser gegenereerd.
  • De foutmelding staat zichtbaar, in tekst, boven het formulierveld.
  • De foutmelding staat niet over andere informatie heen.
  • De tekst van foutmelding heeft dezelfde vergroting en tekstafstand als de rest van de pagina
  • De tekst van de foutmelding is duidelijk en niet algemeen. Dus niet "Dit veld is verplicht", maar bijvoorbeeld "Vul uw achternaam in".
  • Het is duidelijk voor screenreadergebruikers wanneer een veld niet goed is ingevuld, bijvoorbeeld met aria-invalid.
  • De tekst van de foutmelding wordt goed voorgelezen door een screenreader.
  • Wanneer de gebruiker een formulier verzend en er dan nog foutmeldingen zijn, staat er boven het formulier een samenvatting van alle foutmeldingen.
  • Is er een page-reload na submit van het formulier, dan staat er in het <title>-element in de <head> dat het formulier fouten bevat.

Aanvullingen of opmerkingen?

Deze pagina's over WCAG worden onderhouden door het NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.