Linee GuidaIl testo alternativo non serve solo a descrivere tecnicamente un’immagine, ma a spiegarne lo scopo e il ruolo all’interno del contenuto. Un testo alternativo ben scritto sostituisce l’informazione visiva consentendo all’utente di comprendere cosa comunica l’immagine e perché è presente. In questo modo anche grafici, illustrazioni e icone funzionali diventano parte di un contenuto completo e comprensibile.
Adeguatezza del testo alternativo
La riapertura del mercato ha attirato una grande folla di visitatori in una giornata soleggiata.
Immagine del mercato
Per quali utenti i testi alternativi sono particolarmente importanti?
I testi alternativi correttamente redatti sono fondamentali per:
- le persone con disabilità visive che utilizzano lettori di schermo e non percepiscono le immagini visivamente;
- gli utenti sordociechi che accedono ai contenuti tramite rappresentazioni testuali o display braille;
- gli utenti con connessioni limitate o problemi tecnici che impediscono il caricamento delle immagini;
- gli utenti con determinate disabilità cognitive, per i quali una descrizione testuale facilita la comprensione del significato dell’immagine.
Allo stesso tempo, i testi alternativi sono utili anche al pubblico più ampio, poiché migliorano la comprensibilità dei contenuti, favoriscono una migliore ottimizzazione per i motori di ricerca (SEO) e garantiscono che le informazioni siano accessibili anche in diverse condizioni tecniche e ambientali.
Come creare un testo alternativo efficace?
Un buon testo alternativo è:
- equivalente dal punto di vista informativo all’informazione visiva;
- breve e conciso;
- adattato al contesto;
- privo di ripetizioni di informazioni già presenti nel testo circostante;
- privo di espressioni generiche come «immagine», «grafica» o «link»;
- privo di riferimenti a genere, etnia o disabilità, salvo quando siano essenziali per comprendere il contenuto.
Per redigere una descrizione possiamo aiutarci con le seguenti domande:
- Quale messaggio trasmette l’immagine?
- Cosa dovrebbe sapere l’utente se l’immagine non fosse disponibile?
Diversi ruoli delle immagini nei contenuti
Immagini decorative
Le immagini decorative sono elementi visivi che non hanno una funzione informativa e non contribuiscono alla comprensione del contenuto. Il loro scopo è puramente estetico o grafico e pertanto non trasmettono alcuna informazione essenziale all’utente.
Poiché tali immagini non sono importanti per la comprensione del contenuto, devono essere contrassegnate in modo che i lettori di schermo le ignorino. In questo modo gli utenti che si affidano a una rappresentazione uditiva o braille dei contenuti non vengono appesantiti da descrizioni inutili.
Esempio di immagine decorativa:
Quali altri elementi grafici dovrebbero essere nascosti ai lettori di schermo?
Oltre alle immagini decorative, dovrebbero essere nascosti ai lettori di schermo anche:
- le immagini di testo il cui contenuto è già presente nella pagina come vero testo (e non come immagine);
- le immagini il cui contenuto è già completamente spiegato nel testo circostante, ad esempio un grafico i cui dati sono descritti sopra o sotto di esso.
In questo modo si evita la duplicazione delle informazioni e si migliora l’esperienza dell’utente.
Esempio di immagine di testo:
Immagini informative
Le immagini informative contengono dati o messaggi importanti che completano il testo e sono essenziali per la comprensione del contenuto. Senza una loro descrizione, l’utente perderebbe parte delle informazioni trasmesse dall’immagine.
Per queste immagini è indispensabile fornire un testo alternativo adeguato che ne riassuma il contenuto essenziale e permetta all’utente di comprendere il contenuto in modo equivalente, anche senza vedere l’immagine.
Esempio:
Immagini complesse
Le immagini complesse, come infografiche, grafici, mappe o schemi tecnici, spesso contengono molte informazioni che non possono essere sintetizzate efficacemente in una breve descrizione.
Per queste immagini occorre considerare che:
- se il loro contenuto è già presentato nel testo della pagina, l’immagine può essere considerata decorativa;
- se il contenuto non è ancora descritto, è opportuno fornire un breve testo alternativo e una spiegazione più dettagliata nel testo circostante;
- per i grafici, i dati dovrebbero essere presentati, se necessario, anche in forma tabellare.
Esempio di immagine complessa:
In questo caso l'immagine può essere contrassegnata come decorativa, mentre la spiegazione dettagliata viene inserita direttamente nel testo prima o dopo l'immagine. La descrizione può anche essere nascosta utilizzando l'elemento <details> (w3.org/WAI), all'interno del quale viene fornita una spiegazione più approfondita.
Immagini funzionali
Le immagini funzionali sono immagini con un ruolo interattivo, come pulsanti, icone o collegamenti che attivano una determinata azione. In questi casi il testo alternativo non descrive l’aspetto dell’immagine, ma la funzione svolta dall’elemento.
Esempio di immagine funzionale:
Immagini di testo
Le immagini di testo mostrano il testo come parte dell’immagine, invece che come vero testo. Poiché i lettori di schermo non possono leggere questo tipo di testo, il suo contenuto deve essere fornito anche in una forma accessibile.
Se l’immagine contiene un testo breve, questo può essere inserito nel testo alternativo. Quando invece si tratta di un testo più lungo, è necessario riportarlo direttamente nella pagina come vero testo.
Esempio di immagine di testo:
Come verificare la qualità del testo alternativo?
Poniamoci le seguenti domande:
- La descrizione comunica chiaramente ciò che è rappresentato nell’immagine?
- La descrizione è troppo generica o poco informativa?
- La lunghezza è adeguata (circa 8–80 caratteri, massimo 125)?
- Le informazioni vengono ripetute inutilmente?
- L’immagine ha davvero bisogno di un testo alternativo?
Collegamento con le linee guida per l’accessibilità (WCAG)
L’ambito dei testi alternativi per i contenuti non testuali è disciplinato dal seguente criterio di successo WCAG:
- 1.1.1 Contenuti non testuali
Questo criterio garantisce che tutte le immagini, le icone, i grafici e gli altri elementi non testuali dispongano di testi alternativi adeguati che forniscano agli utenti informazioni equivalenti in forma testuale. In questo modo è possibile accedere alle informazioni visive anche agli utenti che non possono vedere le immagini e utilizzano lettori di schermo o display braille. Testi alternativi correttamente redatti riducono la perdita di informazioni, migliorano la comprensione dei contenuti e garantiscono un’esperienza utente più inclusiva e affidabile per tutti, anche nei casi in cui le immagini non vengano caricate o quando l’utente accede ai contenuti in circostanze differenti.