Home › Risorse › Criterio WCAG
Etichettatura dei moduli secondo le WCAG
Ogni campo di un modulo deve avere un'etichetta associata a livello di programma, affinché chi usa uno screen reader sappia cosa inserire e affinché il clic sull'etichetta porti il focus nel campo.
Il modo corretto
<label for="email">E-mail</label><input id="email"> — oppure racchiudere il campo nel <label>. aria-label / aria-labelledby solo quando non è possibile un'etichetta visibile.
Perché un placeholder non basta
Il placeholder scompare durante la digitazione, ha spesso un contrasto troppo basso e alcuni screen reader non lo riconoscono come etichetta.
Messaggi di errore
Collegare l'errore al campo (aria-describedby) e formulare il testo in modo concreto («Inserisci un'e-mail valida», non «Errore»).
Come aiuta a11yglass
La scansione gratuita verifica l'HTML e il CSS forniti alla ricerca di violazioni WCAG rilevabili automaticamente e indica per ogni riscontro il criterio di successo e una misura concreta. Rileva circa il 20–35 % dei problemi e non sostituisce un audit completo.
Continua a leggere
- Testi alternativi secondo WCAG 1.1.1
- Navigazione da tastiera secondo WCAG 2.1.1
- Focus visibile secondo WCAG 2.4.7
Informazione generale fornita in buona fede, priva di valore di consulenza legale. Per il caso concreto rivolgersi a uno studio specializzato in diritto delle tecnologie dell'informazione.