Wcag uitgelegd

Foutmeldingen

Foutmeldingen — WCAG 1.3.1 Info en relaties (post 5/8)

Je vult een formulier in, klikt op verzenden, en ergens bovenaan verschijnt een rode tekst.

Je scrolt omhoog, leest de foutmelding, scrolt omlaag, zoekt het veld, vult het opnieuw in. Vervelend, maar je komt er wel uit.

Nu stel je voor dat je de pagina niet kunt zien. De foutmelding verschijnt, maar je schermlezer zegt niks. De melding is niet gekoppeld aan het veld. Je weet niet dat er een fout is. Je weet niet waar.

Koppel foutmeldingen aan het invoerveld. Zodra het veld focus krijgt, leest de schermlezer de foutmelding voor. Direct, op het juiste moment, bij het juiste veld.

Dit maakt je formulier trouwens ook beter voor iedereen. Foutmeldingen direct bij het veld in plaats van een samenvatting bovenaan — onderzoek laat keer op keer zien dat dit leidt tot snellere en succesvollere formulierinvulling.

Related Posts

Kopniveaus

Kopniveaus

Stel je voor: je opent een boek en de inhoudsopgave gaat van hoofdstuk 1 direct naar paragraaf 3.2.

Labels

Labels

Klik eens op het woord naast een checkbox. Als er niks gebeurt, is het label niet gekoppeld aan het invoerveld. Dat is een gemiste kans, niet alleen voor toegankelijkheid, maar voor iedereen.

Fieldset legend

Fieldset legend

“Hoe wil je benaderd worden?” Met daaronder drie radiobuttons: telefoon, e-mail, brief. Je begrijpt direct dat die opties bij die vraag horen.