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

Afbeeldingsknop met afwijkende alt-tekst

Afbeeldingsknop met afwijkende alt-tekst

Een knop die een afbeelding is. Op de afbeelding staat “Inschrijven.” De alt-tekst zegt: “Registreer voor de nieuwsbrief.”

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.

Link opent in een nieuw venster zonder waarschuwing

Link opent in een nieuw venster zonder waarschuwing

Je klikt op een link. Een nieuw tabblad opent. Je drukt op de terugknop. Niets. Want je zit in een nieuw tabblad. Er is geen geschiedenis.