Anteprima per lettori di schermo

Incolla HTML per vedere come uno screen reader lo linearizzerebbe e annuncerebbe. Verifica i tuoi testi alt, i tuoi titoli e i tuoi attributi ARIA.

Output dello screen reader

Incolla HTML e clicca su Analizza.
📚 Basi scientifiche e fonti

Per chi è progettato questo strumento

Gli screen reader sono una tecnologia assistiva essenziale per le persone cieche o con una significativa disabilità visiva. Secondo il Rapporto mondiale sulla vista dell'OMS (2019), almeno 2,2 miliardi di persone nel mondo soffrono di una disabilità visiva, di cui circa 43 milioni sono cieche. Il sondaggio WebAIM Screen Reader Survey (2024) rileva sistematicamente che la grande maggioranza degli utenti di screen reader sono persone con disabilità, con la cecità come motivo più frequente. Sviluppatori, designer e creatori di contenuti usano questo strumento per visualizzare l'anteprima di come il loro HTML sarà interpretato dalle tecnologie assistive — il che aiuta a individuare testi alternativi mancanti, strutture di titoli scorrette, pulsanti e campi senza nome accessibile e usi errati di ARIA, prima che gli utenti finali li incontrino.

Come funziona questo strumento

Questo strumento analizza il tuo HTML tramite il DOMParser nativo del browser (nessun dato lascia il tuo dispositivo), poi percorre l'albero di accessibilità per costruire un ordine di lettura linearizzato. Verifica la presenza di testi alternativi sulle immagini, la coerenza dei livelli dei titoli, link e pulsanti senza nome accessibile, ruoli ed etichette ARIA, così come campi modulo senza etichetta associata.

Riferimenti scientifici

  • WebAIM (2024). «Screen Reader User Survey #10 Results.» webaim.org · Il più grande sondaggio continuativo sui modi di utilizzo degli screen reader, sulle combinazioni di browser e sugli ostacoli all'accessibilità. Rileva sistematicamente che i titoli e i landmark sono le principali strategie di navigazione degli utenti.
  • Organizzazione mondiale della Sanità (2019). Rapporto mondiale sulla vista. · Riferisce che almeno 2,2 miliardi di persone nel mondo soffrono di una disabilità visiva da vicino o da lontano, di cui circa 43 milioni sono cieche.
  • Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). «Guidelines are only half of the story: Accessibility problems encountered by blind users on the web.» Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · Ha rilevato che una parte importante dei problemi di accessibilità incontrati dagli utenti ciechi non era coperta dalle WCAG da sole, sottolineando la necessità di una revisione manuale e di test con screen reader.
  • Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). «What frustrates screen reader users on the web: A study of 100 blind users.» International Journal of Human-Computer Interaction, 22(3), 247–269. · Ha identificato testi alternativi mancanti, campi modulo senza etichetta ed etichette di link ingannevoli tra le principali frustrazioni riferite dagli utenti ciechi.
  • W3C WAI (2023). «WAI-ARIA Authoring Practices 1.2.» · Definisce come ruoli, stati e proprietà devono essere usati per rendere accessibile un contenuto dinamico alle tecnologie assistive.

Avvertenza

Questo strumento fornisce un'approssimazione semplificata dell'output di uno screen reader basata sull'albero di accessibilità HTML. Gli screen reader reali (NVDA, JAWS, VoiceOver, TalkBack) differiscono nel modo di annunciare il contenuto, di gestire gli attributi ARIA e di interagire con i widget dinamici. Questa anteprima non sostituisce i test con veri screen reader e veri utenti. È pensata per rilevare i problemi comuni in anticipo nel processo di redazione.

Strumenti correlati

Controllo intestazioni WCAG Risorse per l'accessibilità Generatore di tavolozze di colori accessibili Verificatore contrasto colori