Nelle parole della skill
Testa applicazioni web con i screen reader VoiceOver, NVDA, JAWS, TalkBack e Narrator su piattaforme macOS, Windows, iOS e Android. Valida la compatibilità con gli screen reader, esegue il debug dei problemi con le tecnologie assistive e garantisce implementazioni ARIA corrette tramite test pratici con screen reader reali.
Copre navigazione, moduli, annunci di contenuti dinamici, gestione del focus e finestre di dialogo modali. Fornisce comandi specifici per piattaforma, checklist di test ed esempi di codice per pattern di accessibilità comuni. Sottolinea l'importanza di testare nelle diverse modalità dello screen reader (navigazione, focus, applicazione) e privilegia l'HTML semantico con ARIA come miglioramento supplementare.
Che cosa produce
- Checklist di test VoiceOver che copre caricamento della pagina, navigazione, link, moduli, contenuti dinamici e tabelle
- Script di test NVDA con istruzioni passo-passo per il caricamento iniziale, landmark, intestazioni, moduli, elementi interattivi e contenuti dinamici
- Esempi di codice HTML che mostrano pattern accessibili e correzioni per problemi comuni come pulsanti senza etichetta, contenuti dinamici non annunciati ed errori nei moduli
- Codice JavaScript per la gestione del focus, incluse finestre di dialogo modali, focus trapping e navigazione da tastiera dell'interfaccia a tab
Come funziona
- 01Testare con i Principali Screen Reader per Piattaforma
Utilizzare NVDA con Firefox su Windows (31% di utilizzo), VoiceOver con Safari su macOS e iOS (15% di utilizzo), JAWS con Chrome (40% di utilizzo), TalkBack su Android (10% di utilizzo) e Narrator con Edge (4% di utilizzo).
- 02Navigare Usando Comandi Specifici dello Screen Reader
Eseguire comandi come VO+Freccia Destra per la navigazione tra elementi di VoiceOver, H per i salti tra intestazioni di NVDA, Insert+F7 per gli elenchi di link di JAWS e lo scorrimento a due dita per lo scrolling di TalkBack.
- 03Testare in Modalità Navigazione e Focus
Verificare che gli screen reader passino correttamente dalla modalità navigazione, per la lettura dei contenuti, alla modalità focus, per l'interazione con i controlli dei moduli, prestando attenzione agli annunci di cambio modalità.
- 04Validare la Struttura Semantica e ARIA
Verificare che le intestazioni siano individuabili tramite rotor o elenco elementi, che i landmark siano correttamente etichettati, che le live region annuncino gli aggiornamenti e che ruoli come dialog, tab e progressbar siano implementati correttamente.
- 05Verificare la Gestione del Focus e l'Interazione da Tastiera
Assicurarsi che il focus si sposti sugli errori dopo l'invio del modulo, che le finestre modali intrappolino correttamente il focus e lo restituiscano alla chiusura, e che le interfacce a tab rispondano ai tasti freccia, Home ed End.
- 06Testare gli Annunci di Contenuti Dinamici
Attivare aggiornamenti di contenuto e confermare che role="status" con aria-live="polite" annunci le modifiche dopo il parlato corrente, mentre role="alert" interrompa immediatamente.