WebInclusivedi Giuseppe Stumbo

Screen reader desktop

Prova a orientarti in un sito, raggiungere un controllo e completare un’azione con lo screen reader. Qui trovi come preparare e confrontare le prove con NVDA, VoiceOver su macOS e JAWS.

Controlli desktop con NVDA, VoiceOver e JAWS

Ascolta come vengono letti contenuti e controlli, poi osserva cosa succede quando li usi. Collega nomi, struttura e ordine del DOM alle difficoltà che incontri.

  • NVDA

    Controlli desktop con NVDA

    Con NVDA puoi seguire la struttura della pagina, muoverti tra gli elementi e usare i controlli su Windows. Distingui la lettura del documento dall’interazione nei campi, poi controlla anche i messaggi dinamici.

    • Verifica tabelle, messaggi di errore, live region, testo alternativo e pulsanti icon-only ascoltando nome, ruolo, stato e valore annunciati.
    • Confronta almeno i flussi critici con tastiera senza screen reader per capire se il difetto è di focus, semantica o comportamento JavaScript.

  • VoiceOver

    Verifica macOS con VoiceOver

    Con VoiceOver su macOS, prova a orientarti nella pagina, scegliere un elemento e completare un’azione. Gerarchia, gruppi, rotore e navigazione rapida ti aiutano a osservare come funzionano i componenti complessi in Safari.

    • Testa in Safari quando il target lo richiede: usa VO+U per il rotore e verifica heading, link, form, landmark e altri gruppi disponibili.
    • Controlla navigazione per gruppi, ingresso e uscita dai componenti, ordine del focus e coerenza tra focus VoiceOver e focus visivo.
    • Usa Quick Nav quando serve per simulare una navigazione più rapida e intercettare pattern che funzionano solo in lettura lineare.
    • Verifica dialog, menu, disclosure, tab, tabelle, messaggi di errore e cambi di contesto senza perdita di orientamento.
    • Annota comando usato, annuncio, elemento e aspettativa: senza questi dettagli il bug resta difficile da riprodurre.

  • JAWS

    Sessioni Windows con JAWS

    Quando il progetto richiede JAWS, prova i percorsi concordati con le modalità del lettore. Controlla come vengono letti titoli, regioni, campi e tabelle e come si usano i componenti, annotando i dettagli necessari a ripetere la prova.

    • Prova i percorsi più critici in Chrome o Edge con navigazione per heading, regioni, campi form, pulsanti, link e tabelle.
    • Controlla modalità forms, nomi dei campi, istruzioni, errori, stato dei controlli e comportamento di componenti custom.
    • Verifica flussi enterprise tipici: login, filtri, ricerca, modali, tabelle dati, esportazioni e passaggi multi-step.
    • Confronta i risultati con NVDA quando serve distinguere un bug del sito da una differenza del lettore o del browser.
    • Riporta versione di JAWS, browser, comando usato, annuncio e impatto sul task.

Modalità d'uso da distinguere sui lettori desktop

Ripeti il percorso nelle modalità previste dal lettore: lettura strutturale, focus nei controlli, gruppi e scorciatoie possono mostrare comportamenti diversi. Registra quale modalità stai usando.

  • NVDA

    Modalità navigazione e modalità focus

    Con NVDA è utile distinguere sempre la lettura in modalità navigazione dalla modalità focus sui controlli interattivi: molti widget sembrano a posto in una sola delle due.

    • Usa H per heading, D per landmark, K per link, B per button, F per form field e Shift+tasto per tornare all'elemento precedente.
    • Apri la lista elementi con NVDA+F7 per controllare heading, link e landmark senza scorrere tutta la pagina.
    • Passa tra browse mode e focus mode con NVDA+Spazio quando entri in campi, menu, tab, dialog, combobox e autocompletamento.
    • Verifica se il lettore annuncia bene ingresso, uscita e stato dei componenti personalizzati.

  • JAWS

    Lettura virtuale, form e scorciatoie da tastiera

    JAWS va provato sia nella lettura generale della pagina sia nelle interazioni più enterprise, dove scorciatoie, form mode e compatibilità storica contano ancora molto.

    • Con il cursore virtuale usa H per titoli, R per regioni, T per tabelle e F per controlli dei form; U e V raggiungono rispettivamente link non visitati e visitati.
    • Verifica la transizione nei form e nei controlli custom, soprattutto quando il focus cambia dinamicamente.
    • Confronta i risultati con NVDA e ispeziona la semantica esposta dal browser: una differenza tra lettori orienta l'analisi, ma non dimostra da sola la causa del problema.

  • macOS

    VoiceOver con rotore, gruppi e navigazione rapida

    Su macOS il punto non è solo leggere il contenuto: serve capire se gruppi, rotore e navigazione rapida aiutano davvero a muoversi nel layout e nei componenti interattivi.

    • Apri il rotore con VO+U, passa tra heading, link, form e altri elementi strutturali, poi muoviti nella lista.
    • Controlla la navigazione per gruppi e il passaggio dentro e fuori componenti complessi o aree composite.
    • Quando serve, verifica anche la navigazione rapida per capire se il flusso regge senza esplorazione sequenziale.