Offerte audit
Typ iets om te zoeken...

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.

Zelf verder met dit onderwerp

Related Posts

Focus verdwijnt na het sluiten van een dialoogvenster

Focus verdwijnt na het sluiten van een dialoogvenster

Je klikt op “Verwijderen.” Een bevestigingspopup verschijnt. “Weet je het zeker?” Je drukt op “Annuleren.”

Kopniveaus

Kopniveaus

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

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.