E perché è importante per l'inclusione digitale
Il testo alternativo (alt text) è una descrizione scritta aggiunta a un'immagine in un contenuto digitale. Serve a sostituire l'immagine quando questa non è visibile: ad esempio, per gli utenti non vedenti o ipovedenti che si affidano a lettori di schermo, per chi ha disabilitato la visualizzazione delle immagini per risparmiare dati e nei casi in cui un'immagine non si carica. Scrivere un buon testo alternativo è una delle cose più semplici ed efficaci che si possano fare per rendere i contenuti digitali più accessibili. Eppure, rimane una delle pratiche più fraintese.
Quando un lettore di schermo incontra un'immagine senza testo alternativo, la ignora completamente oppure annuncia qualcosa come "immagine" o una stringa di codice file priva di significato. Per un utente che si affida a questa tecnologia, il contenuto dell'immagine semplicemente scompare. Se l'immagine è puramente decorativa, questo potrebbe non rappresentare un problema. Ma se l'immagine trasmette informazioni, racconta una storia o fa parte di un sistema di navigazione, l'assenza del testo alternativo crea un vero e proprio ostacolo alla comprensione.
Le Linee guida per l'accessibilità dei contenuti web (WCAG) richiedono che tutte le immagini non decorative abbiano un testo alternativo. Non si tratta di una raccomandazione tecnica, bensì di uno standard di base per l'inclusione digitale.
L'errore più comune nella scrittura del testo alternativo (alt text) è descrivere l'aspetto di un'immagine anziché il suo significato. Il testo alternativo dovrebbe rispondere alla domanda: cosa rappresenta quest'immagine in questo contesto? Cosa capirebbe o percepirebbe un utente vedente guardandola, che un utente non vedente non coglierebbe in assenza di descrizione?
Consideriamo l'immagine di due giovani seduti insieme davanti a un computer portatile, sorridenti. Un testo alternativo inadeguato potrebbe essere: "Due persone davanti a un computer portatile". Un testo alternativo migliore potrebbe essere: "Due giovani che collaborano a un progetto, con un atteggiamento coinvolto e positivo". La seconda versione comunica lo scopo dell'immagine – ovvero inclusione, coinvolgimento e lavoro collaborativo – piuttosto che limitarsi al suo contenuto letterale.
Sii conciso ma completo. La maggior parte dei testi alternativi non dovrebbe superare i 125 caratteri. I lettori di schermo spesso troncano le descrizioni più lunghe. Se un'immagine richiede una spiegazione più dettagliata, valuta la possibilità di aggiungere una didascalia o di descriverla nel testo circostante.
Non iniziare con "Immagine di" o "Foto di". I lettori di schermo annunciano già che si tratta di un'immagine. Iniziare il testo alternativo con questa frase è ridondante.
Includi il testo presente nell'immagine. Se un'immagine contiene parole – un poster, un cartello, uno screenshot con testo – tale testo deve essere incluso nel testo alternativo (alt text). I lettori di schermo non sono in grado di leggere il testo incorporato nelle immagini.
Lascia vuote le immagini decorative. Se un'immagine è puramente decorativa e non aggiunge alcuna informazione (ad esempio, uno sfondo, un divisore, una foto generica utilizzata solo per l'impatto visivo), usa un attributo alt vuoto (alt=""). Questo indica allo screen reader di ignorarla completamente, il che è il comportamento corretto.
Siate precisi riguardo a grafici e diagrammi. Per le visualizzazioni di dati, il testo alternativo (alt text) dovrebbe comunicare il risultato o la tendenza principale, non limitarsi a descrivere il tipo di grafico. Invece di "Grafico a barre degli utenti del sito web", scrivete "Grafico a barre che mostra un aumento di 40% degli utenti del sito web tra il 2023 e il 2025".‘
Il contesto è fondamentale. La stessa immagine potrebbe richiedere un testo alternativo diverso a seconda del contesto. Una foto di una persona in sedia a rotelle sulla pagina "Chi siamo" ("Membro del nostro team davanti al nostro ufficio") richiede un testo alternativo diverso rispetto alla stessa foto utilizzata in un articolo sulla progettazione di spazi accessibili ("Persona in sedia a rotelle che percorre una rampa d'accesso accessibile").
L'aggiunta del testo alternativo dovrebbe diventare una prassi consolidata nella pubblicazione di qualsiasi contenuto digitale: articoli, post sui social media, presentazioni, newsletter e documenti. La maggior parte dei sistemi di gestione dei contenuti, delle piattaforme social e degli strumenti per ufficio ora include un campo per il testo alternativo quando si carica un'immagine. Questo campo esiste per un motivo. Usatelo.
Un buon testo alternativo è un piccolo gesto dalle conseguenze significative. Significa che un giovane che utilizza un lettore di schermo può accedere ai tuoi contenuti alle stesse condizioni di chiunque altro. Questo è esattamente ciò che si intende per accessibilità digitale.
