Cosa controlla questa regola
Assicurati che ogni elemento del modulo abbia un'etichetta.
Perché è importante
I criteri WCAG 1.3.1, 3.3.2 e 4.1.2 richiedono che i campi dei moduli abbiano un’etichetta. Le iscrizioni alla newsletter e i campi di ricerca sono i colpevoli più frequenti.
Come correggerlo
- Dai a ogni campo un elemento <label for="field-id">, o almeno un aria-label.
- Il solo testo segnaposto non vale come etichetta.
Come verificare la correzione
- Esegui di nuovo la scansione e verifica che la regola label non fallisca più.
- Fai clic su ogni etichetta e verifica che porti il focus sul suo campo.
Come lo rileva FixReports
La nostra scansione esegue la regola axe-core label in un vero browser Chrome su ogni pagina che testa, e segnala ogni elemento non conforme con la sua pagina, il suo markup e, dove applicabile, uno screenshot.
Un test automatico conferma che questo specifico problema è presente. Non può dire se il resto della pagina è accessibile: alcune barriere emergono solo quando una persona controlla la pagina.