Start › Kennisbank › WCAG-criterium
Formulierlabels volgens de WCAG
Elk formulierveld moet een programmatisch gekoppeld label hebben, zodat schermlezergebruikers weten wat ze moeten invoeren en een klik op het label de focus in het veld zet.
De juiste manier
<label for="email">E-mail</label><input id="email"> — of het veld in het <label> opnemen. aria-label / aria-labelledby alleen als een zichtbaar label niet mogelijk is.
Waarom een placeholder niet genoeg is
De placeholder verdwijnt bij het invoeren, heeft vaak te weinig contrast en wordt door sommige schermlezers niet als label herkend.
Foutmeldingen
De fout aan het veld koppelen (aria-describedby) en de tekst concreet formuleren („Voer een geldig e-mailadres in”, niet „Fout”).
Hoe a11yglass helpt
De gratis scan controleert de geleverde HTML en CSS op automatisch herkenbare WCAG-schendingen en noemt per bevinding het succescriterium en een concrete maatregel. Hij vindt ruwweg 20–35 % van de problemen en vervangt geen volledige audit.
Verder lezen
- Alt-teksten volgens WCAG 1.1.1
- Toetsenbordbediening volgens WCAG 2.1.1
- Zichtbare focus volgens WCAG 2.4.7
Algemene informatie naar beste weten, geen juridisch advies. Raadpleeg voor het individuele geval een advocatenkantoor dat gespecialiseerd is in IT-recht.