Wat deze regel controleert
Zorg dat elk formulierelement een label heeft.
Waarom het belangrijk is
WCAG 1.3.1, 3.3.2 en 4.1.2 vragen dat formuliervelden een label hebben. Aanmeldvelden voor de nieuwsbrief en zoekvelden zijn de gebruikelijke boosdoeners.
Zo los je het op
- Geef elk veld een <label for="field-id">-element, of op zijn minst een aria-label.
- Placeholdertekst alleen telt niet als label.
Zo controleer je de oplossing
- Scan opnieuw en controleer dat de regel label niet meer faalt.
- Klik op elk label en controleer dat het bijbehorende veld de focus krijgt.
Zo vindt FixReports het
Onze scan voert de axe-core-regel label uit in een echte Chrome-browser op elke pagina die hij test, en meldt elk element dat niet slaagt, met de pagina, de markup en, waar van toepassing, een screenshot.
Een geautomatiseerde test bevestigt dat dit specifieke probleem aanwezig is. Hij kan niet zeggen of de rest van de pagina toegankelijk is: sommige drempels komen pas aan het licht als een mens de pagina controleert.