Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Perché ogni campo del modulo ha bisogno di un'etichetta?
Ogni campo del modulo ha bisogno di un'etichetta, altrimenti i visitatori devono indovinare cosa entrarvi. L'etichetta è permanentemente visibile accanto al campo — "Nome", "Indirizzo email", "Messaggio" — ed è tecnicamente collegata ad esso, in modo che i software di lettura dello schermo la annuncino. Il testo di esempio grigio nel campo non è sufficiente: scompare durante la digitazione. Il criterio WCAG 3.3.2 richiede etichette o istruzioni per ogni inserimento.
Il testo di esempio nel campo non sostituisce un'etichetta
Molti moduli moderni risparmiano etichette visibili e invece scrivono il testo di esempio grigio direttamente nei campi. Questo sembra ordinato, ma crea tre problemi. In primo luogo: non appena il visitatore inizia a digitare, il testo scompare — chi è stato distratto brevemente non sa più quale campo era quale in un modulo parzialmente riempito. In secondo luogo: il testo grigio ha un contrasto basso ed è difficile da leggere per le persone con vista ridotta. In terzo luogo: senza collegamento tecnico, il software di lettura dello schermo annuncia solo "campo di inserimento" quando accede al campo — il visitatore cieco non apprende mai cosa dovrebbe entrarvi. Un'etichetta permanente sopra o accanto al campo, collegata tecnicamente ad esso, risolve tutti e tre i problemi contemporaneamente.
Così il servizio di verifica misura le etichette
Il servizio di verifica conta in un vero browser tutti i campi di inserimento visibili della Sua pagina e verifica per ciascuno se esiste un'etichetta tecnicamente collegata — come un elemento label classico, come un'etichetta contenente o come un nome accessibile nel codice sorgente. Se tutti i campi sono etichettati, il criterio è considerato soddisfatto. Se anche un solo campo manca di un'etichetta, il rapporto segnala una violazione e nomina il numero di campi interessati con prova. Un campo senza etichetta conta anche rispetto al criterio di robustezza 4.1.2, perché il campo manca anche del suo nome accessibile. Se le etichette presenti sono formulate in modo appropriato, una persona lo valuta con lo standard Gold.
Beispiele
Platzhalter als einzige Beschriftung
<input type="text" placeholder="Nachname"><label for="nachname">Nachname</label>
<input id="nachname" type="text">Der Platzhalter verschwindet beim Tippen. Ein label bleibt und ist für Vorleseprogramme der Name des Feldes.
- Esaminare ogni modulo del Suo sito Web e verificare: c'è un'etichetta permanentemente visibile su ogni campo?
- Sostituire le soluzioni con testo di esempio con vere etichette sopra il campo — il testo di esempio può rimanere come aggiunta.
- Chieda alla Sua agenzia di collegare tecnicamente ogni etichetta al Suo campo, in modo che i software di lettura dello schermo la annuncino.
- Integri un'istruzione nei campi con specifiche di formato, ad esempio "Data nel formato GG.MM.AAAA", visibilmente prima dell'inserimento.
- Riempia un modulo a metà e verifichi se in seguito può ancora assegnare ogni campo.