Campi dei moduli senza etichetta
Cosa significa e perché è importante
Senza etichetta, chi usa un lettore di schermo non sa cosa inserire — checkout e newsletter diventano un indovinello (WCAG 1.3.1, 4.1.2).
Come correggere
Associa un <label for="…"> visibile a ogni campo. Il testo segnaposto non sostituisce l’etichetta.
Esempio di codice
Prima
<input type="email" name="newsletter" placeholder="Your email">
Dopo
<label for="nl-email">Email for our newsletter</label>
<input type="email" id="nl-email" name="newsletter" autocomplete="email">
Trova questo errore sul tuo sito
Testa gratis qualsiasi pagina — risultati in pochi secondi, con le istruzioni di correzione.