Accessibilità ≠ Overlay: quando un modulo non si può compilare con uno screen reader
Un modulo accessibile non è soltanto un insieme di campi. Ogni persona deve poterlo comprendere, compilare, controllare e inviare con tastiera e screen reader.
Il problema inizia prima di scrivere
Un campo può sembrare evidente sullo schermo ma essere annunciato soltanto come «casella di modifica». Senza un’etichetta associata non è chiaro se inserire nome, e-mail o telefono.
Etichette, istruzioni e campi obbligatori
Ogni controllo deve avere un nome accessibile e, quando opportuno, un’etichetta HTML collegata correttamente. Campi obbligatori e formati richiesti vanno comunicati prima degli errori; il segnaposto non sostituisce l’etichetta.
Conta anche l’ordine da tastiera
Il tasto Tab deve attraversare i controlli in ordine logico. Selettori, caselle, pulsanti e calendari devono funzionare senza mouse, con focus visibile e senza salti inattesi.
Errori comprensibili e correggibili
Un bordo rosso non spiega l’errore. Occorre descriverlo con testo, collegarlo al campo interessato e consentire la correzione senza perdere i dati. I messaggi dinamici devono essere annunciati correttamente.
Controllare e confermare prima dell’invio
Per acquisti e operazioni importanti è opportuno consentire verifica e conferma quando necessario. Il pulsante di invio deve avere un nome chiaro e l’esito deve essere comunicato in modo accessibile.
Cosa prevedono le WCAG
Le WCAG 2.2 comprendono etichette e istruzioni (3.3.2), identificazione degli errori (3.3.1), nome, ruolo e valore dei controlli (4.1.2) e uso da tastiera (2.1.1). È essenziale testare il comportamento reale.
Come aiuta Blind Reader
Blind Reader può spiegare lo scopo della pagina, aiutare a trovare i moduli, guidare la navigazione e supportare i comandi vocali. Offre anche correzioni automatiche mirate, ad esempio per annunciare meglio i campi obbligatori. Si affianca a moduli progettati correttamente.
Un semplice test prima della pubblicazione
Compila il modulo con tastiera e NVDA, VoiceOver o un altro screen reader. Identifica i campi, provoca un errore, correggilo e verifica l’invio. Se una fase non funziona, resta una barriera.
Fonti e riferimenti
Un modulo è accessibile quando la persona riesce a completare l’operazione, non soltanto quando è visibile.
Episodio 18 · Accessibilità ≠ Overlay