Nel mondo ci sono almeno 2,2 miliardi di persone affette da un qualche tipo di disabilità visiva. Queste sono le ultime statistiche dell’OMS, l’Organizzazione Mondiale della Sanità.
Secondo i dati ISTAT, in Italia il 18,6% della popolazione sopra i 15 anni soffre di disabilità visiva. Di questa percentuale, l’1,9% sono gravi limitazioni visive e il 16,7% limitazioni moderate.
Le persone non vedenti o affette da ipovisione, si avvalgono del supporto di alcuni dispositivi tecnologici, per navigare sul web, si avvalgono delle cosiddette tecnologie assistive, in particolare degli screen reader, i lettori di schermo.
In questo articolo vediamo una panoramica su queste tecnologie, da come funzionano alle più diffuse, fino ai consigli per creare dei siti web accessibili ai lettori di schermo.
Cos'è e a cosa serve uno screen reader
Uno screen reader è un software che legge il testo e gli elementi visuali sullo schermo, aiutando le persone non vedenti e ipovedenti a navigare e usare il computer. Legge testi, pulsanti, menu e descrive le immagini quando presenti.
Un vero e proprio assistente di lettura personale che aiuta a rendere il mondo digitale più accessibile a tutte le persone affette da un qualche tipo di disabilità visiva che impedisca o limiti la capacità di lettura.
Ma un lettore di schermo o software di lettura dello schermo può essere utile anche a persone non affette da disabilità visive, come ad esempio:
- persone con competenze linguistiche iniziali o che stanno imparando una nuova lingua
- persone che apprendono meglio con strumenti di ascolto
- persone che possono avere disabilità o disturbi cognitivi, oltre a difficoltà di apprendimento, come ad esempio la dislessia.
- utenti fruitori di contenuti che hanno difficoltà a leggere il testo
Per le persone che elaborano più facilmente le informazioni con la dettatura audio e che interiorizzano più facilmente i contenuti prendendo appunti durante l'ascolto, la tecnologia screen reader può anche essere un utile strumento multitasking.
Ma come funziona il lettore di schermo? Vediamolo di seguito.
Come funzionano i lettori di schermo
Gli screen reader leggono il codice HTML di un sito web e convertono il testo e gli elementi in parole parlate tramite un sintetizzatore vocale che permette agli utenti di ascoltare il contenuto. Gli utenti possono personalizzare velocità e intonazione della voce in base alle proprie preferenze.
Forniscono inoltre scorciatoie da tastiera per una navigazione accessibile, consentendo agli utenti di passare da un titolo all'altro o da un link all'altro senza dover elaborare tutto il resto.
Offrono un feedback verbale per le azioni dell'utente, confermando che i clic e i comandi sono stati eseguiti correttamente.
Per gli elementi visivi come le immagini, gli screen reader si affidano al testo alternativo (alt text) che descrive l'immagine e viene letto ad alta voce, aiutando gli utenti ipovedenti a comprendere e interagire con i contenuti digitali in modo indipendente.
Il funzionamento dello screen reader è piuttosto semplice ma riveste un ruolo di grande importanza.
Ma quanti lettori di schermo esistono sul mercato?
La scelta è piuttosto varia, in base alla tipologia di dispositivi (desktop, mobile) ma non solo.
Quali sono gli screen reader più usati? E altre statistiche d’uso
La Screen Reader User Survey condotta da WebAIM tra dicembre 2023 e gennaio 2024 ha analizzato le abitudini d’uso degli screen reader su un campione di 1539 intervistati provenienti da tutto il mondo, di cui l’89,9% affetto da disabilità. Tra questi, il 76,6% è non vedente e il 19,9% ha una disabilità visiva parziale (ipo-visioni).
Gli screen reader principali per desktop/laptop:
- JAWS: 40,5% degli utenti
- NVDA: 37,7% degli utenti
- VoiceOver: 9,7% degli utenti
- Dolphin SuperNova: 3,7% degli utenti
- ZoomText/Fusion: 2,7% degli utenti
- Orca: 2,4% degli utenti
- Narrator: 0,7% degli utenti
- Altri: 2,7% degli utenti
Fonte: WebAim Screen Reader User Survey #10 Results - Screen Readers Commonly Used
Lato smartphone e tablet, gli screen reader più utilizzati sono:
- VoiceOver: 70.6% degli utenti
- TalkBack: 34.7% degli utenti
- Commentary/Jieshuo: 10.1% degli utenti
- Voice Assistant: 6.0% degli utenti
- VoiceView: 5.9% degli utenti
- Mobile Accessibility for Android: 4.9% degli utenti
- Mobile Speak: 1.0% degli utenti
- Nuance Talks: 1.0% degli utenti
- IDEAL: 0.5% degli utenti
- Altri: 4.7% degli utenti
Fonte: WebAim Screen Reader User Survey #10 Results - Mobile Screen Readers Used
Rispetto alla domanda “Utilizzi più spesso uno screen reader su un computer desktop/laptop o su un dispositivo mobile/tablet?” il campione di risposte è così suddiviso:
- 40.2% da Desktop/portatile
- 49.5% utilizza gli screen reader per dispositivi mobili/tablet e desktop/laptop più o meno allo stesso modo
- 10.2% da dispositivo mobile/tablet
Fonte: WebAim Screen Reader User Survey #10 Results - Mobile vs. Desktop/Laptop Usage
Un altro dato interessante emerso dalla ricerca è quello relativo agli elementi percepiti come più problematici dagli utilizzatori di screen reader:
- CAPTCHA
- Elementi interattivi (menu, schede e finestre di dialogo)
- Collegamenti/pulsanti ambigui
- Modifiche impreviste dello schermo
- Mancanza di accessibilità della tastiera
- Testo alternativo mancante/non corretto
- Moduli complessi o difficili
- Titoli mancanti o impropri
- Troppi collegamenti
- Tabelle di dati complesse
- Funzionalità di ricerca inaccessibili o mancanti
- Mancanza di link "salta al contenuto principale" o "salta alla navigazione”
Fonte: WebAim Screen Reader User Survey #10 Results - Problematic Items
Questi ostacoli sono direttamente legati all’importanza di seguire linee guida di accessibilità web, come le WCAG, per garantire che il contenuto sia facilmente fruibile da parte degli utenti che dipendono dagli screen reader.
Vediamo ora come le WCAG affrontano il tema dell’accessibilità per i lettori di schermo.
Screen Reader e WCAG: il ruolo dei lettori di schermo per l’accessibilità
Le Linee guida per l'accessibilità dei contenuti web (WCAG) sono una serie di raccomandazioni progettate per rendere i contenuti web più accessibili, in particolare per le persone con disabilità, comprese quelle che utilizzano gli screen reader.
Queste linee guida sono fondamentali per gli sviluppatori e i proprietari di siti web perché forniscono il quadro di riferimento per garantire che tutti gli utenti, indipendentemente dalle loro capacità, possano accedere ai contenuti web e utilizzarli in modo efficace.
Le WCAG (Web Content Accessibility Guidelines) non fanno riferimento diretto ai "lettori di schermo" come dispositivi specifici, ma contengono diverse linee guida progettate per garantire che i contenuti web siano compatibili con questi strumenti.
Alcune delle più rilevanti includono:
- 1.1.1 Contenuti Non Testuali: assicurarsi che tutte le immagini e i contenuti non testuali abbiano un'alternativa testuale (es. testo alternativo o alt text).
- 1.3.1 Informazioni e correlazioni: usare un codice HTML semantico per comunicare le relazioni tra gli elementi della pagina.
- 1.3.2 Sequenza Significativa: garantire che l'ordine di lettura sia logico e intuitivo per uno screen reader.
- 2.1.1 Tastiera: consentire la navigazione completa tramite tastiera, fondamentale per gli utenti di lettori di schermo.
- 2.4.6 Intestazioni ed Etichette: utilizzare intestazioni descrittive per aiutare la navigazione.
- 4.1.2 Nome, Ruolo, Valore: garantire che i controlli interattivi siano codificati con ruoli e nomi appropriati per essere riconosciuti dagli screen reader.
Questi principi aiutano a garantire che i contenuti siano comprensibili e accessibili per tutti gli utenti, inclusi quelli che utilizzano screen reader.
Come progettare siti web accessibili per gli screen reader
Per creare siti accessibili, è fondamentale comprendere come funzionano gli screen reader. Prioritizzare l'accessibilità garantisce che tutti gli utenti possano accedere ai contenuti e navigare facilmente.
Ecco una guida semplice su come rendere il tuo sito web accessibile agli screen reader:
- Utilizzare un HTML semantico: si tratta di utilizzare i tag HTML in modo appropriato, affinché i lettori di schermo possano interpretare correttamente la struttura dei contenuti. Tag come `<header>`, `<footer>`, `<article>` e `<section>` forniscono un contesto ai lettori di schermo, aiutando a trasmettere il layout e il significato di ogni parte della pagina.
- Utilizzare il testo alternativo per le immagini: includi sempre un testo alternativo descrittivo (alt text) per le immagini. Questo testo aiuta gli utenti di screen reader a comprendere il contenuto e lo scopo delle immagini sul tuo sito.
- Navigazione da tastiera: assicurati che il sito web possa essere navigato solo con la tastiera. Si tratta di un aspetto fondamentale, poiché gli utenti di screen reader in genere navigano utilizzando le scorciatoie da tastiera. Assicurati che tutti gli elementi interattivi siano accessibili e che l'ordine delle schede sia logico.
- Utilizzare titoli ed etichette descrittivi: utilizza titoli chiari e concisi per le pagine web, oltre a etichette descrittive per i moduli e gli elementi interattivi. Questo aiuta gli utenti a capire dove si trovano e come interagire con il sito.
- Evitare i media e la navigazione automatica: la riproduzione automatica di contenuti multimediali o il reindirizzamento degli utenti possono disorientare gli utenti di screen reader. Permetti agli utenti di controllare questi elementi da soli.
- Creare form (moduli) accessibili: etichetta ogni input del modulo con istruzioni chiare. Raggruppa gli elementi correlati del modulo utilizzando i tag fieldset e legend, che aiutano gli utenti a capire la struttura del modulo.
- Utilizzare gli attributi ARIA: gli attributi ARIA (Accessible Rich Internet Applications) possono essere utilizzati per migliorare l'accessibilità quando il solo HTML5 non è sufficiente. Ad esempio, i ruoli ARIA per gli screen reader possono definire elementi che non sono standard in HTML, come un cursore o un widget dell'interfaccia utente.
- Test con gli screen reader: verifica regolarmente il tuo sito con gli screen reader (come JAWS, NVDA o VoiceOver) per capire come una persona ipovedente potrebbe viverlo. Anche il feedback degli utenti effettivi di screen reader è prezioso.
Seguendo queste linee guida, potrai rendere il tuo sito web più accessibile agli utenti di screen reader, migliorando l'usabilità del lettore di schermo.
L'importanza di una verifica per lo screen reader
Testare un sito per l'accessibilità con screen reader richiede test sia automatizzati che manuali. È essenziale che esperti di tecnologie assistive verifichino la funzionalità, per garantire l'accessibilità per utenti non vedenti o ipovedenti.
La presenza di una persona esperta in tecnologie assistive che conosca i vari tasti e comandi che controllano gli screen reader aiuterà a verificare la funzionalità per gli utenti non vedenti o ipovedenti, senza perdere elementi critici per garantire l'accessibilità del lettore di schermo.
I suggerimenti specifici per la progettazione descritti sopra sono in genere le aree più critiche per il test degli screen reader, tra cui il mark-up html, il testo alt, la punteggiatura accurata e chiara, le intestazioni e le frasi principali.
Se non progettati e implementati correttamente, elementi come i contenuti dinamici e gli overlay di accessibilità potrebbero presentare delle sfide per gli screen reader. Un approccio consapevole alla loro integrazione permette di garantire un'esperienza fluida per chi utilizza tecnologie assistive, potenziando allo stesso tempo l'interattività per tutti gli utenti.
Effettuare uno user test manuale, in particolare coinvolgendo utenti non vedenti, è uno strumento estremamente utile per assicurarsi che il sito non sia solo conforme ai criteri tecnici WCAG, ma anche realmente accessibile e utilizzabile attraverso le tecnologie assistive. Questo tipo di test permette di identificare e risolvere eventuali problematiche che potrebbero non emergere dai controlli tecnici automatizzati.
UserWay per l'accessibilità dei lettori di schermo
UserWay assicura che il tuo sito web soddisfi gli standard critici per l'accessibilità degli screen reader. Con il Widget per l'accessibilità, una soluzione completa per la conformità, UserWay offre questo prezioso strumento che include una funzione di screen reader, progettata per tradurre senza problemi i contenuti del tuo sito web in un formato accessibile agli utenti con disabilità visive.
Il Widget contribuisce alla conformità con le linee guida WCAG e migliora l'esperienza complessiva dell'utente. Integrando UserWay, migliorerai l'accessibilità per un pubblico più vasto, assicurandoti che nessuno rimanga indietro.
Rendi il tuo sito inclusivo oggi stesso. Richiedi un audit di accessibilità per garantire che il tuo sito offra un’esperienza inclusiva a tutti gli utenti.
FAQ
