Il testo alternativo è uno degli elementi più trascurati, ma di maggior impatto, dell’accessibilità digitale.
Sia che tu stia progettando un sito web, scrivendo un blog o programmando un post sui social, l’aggiunta di un testo alternativo attento e descrittivo fa davvero la differenza per le persone che utilizzano screen reader o altre tecnologie assistive.
Ma scrivere un testo alternativo efficace non è sempre semplice. Cosa si dice di un grafico? Le immagini dei prodotti devono essere dettagliate? Quando è meglio lasciare il testo alt in bianco?
In questa guida ti spiegheremo tutto ciò che devi sapere sulle migliori pratiche per il testo alt, con esempi reali di testo alt. In pochi istanti sarai in grado di scrivere descrizioni di immagini che migliorano l’accessibilità, incrementano la SEO e soddisfano i principali standard di conformità.
Il testo alternativo, abbreviato in “testo alternativo”, è una descrizione scritta di un’immagine. Di solito appare nel codice HTML come una riga di testo visibile accanto all’immagine, oppure come una descrizione più lunga in una pagina separata a cui si accede tramite un link.
Il testo alternativo è incredibilmente importante per le persone con disabilità visive: fornisce un contesto essenziale che altrimenti andrebbe perso. Trasforma le immagini in parole, rendendo i contenuti più inclusivi e facili da navigare.
Il testo alternativo è stato originariamente creato per migliorare l’accessibilità digitale e questo rimane il suo ruolo più importante ancora oggi. Per gli utenti non vedenti e ipovedenti, gli screen reader utilizzano il testo alt per descrivere le immagini ad alta voce, aiutandoli a navigare e a comprendere i contenuti visivi.
Ma il testo alt non serve solo per le tecnologie assistive. Se scritto bene, contribuisce anche a migliorare la SEO.
Questo perché i motori di ricerca non possono “vedere” le immagini. Dipendono dal testo alt, oltre che dai nomi dei file, per interpretare ciò che un’immagine mostra. Ciò significa che un testo alt pertinente, che utilizzi le parole chiave in modo naturale, può migliorare il posizionamento delle tue pagine nei risultati di ricerca delle immagini.
Il miglior testo alt è specifico, conciso e pertinente allo scopo dell’immagine. Ecco alcuni consigli pratici per guidare la tua scrittura:
Seguendo queste best practice, creerai un testo alternativo davvero utile per gli utenti. Per vedere questi principi in azione, dai un’occhiata agli esempi di testo alternativo qui sotto.
Ciò che potrebbe sorprenderti è che non tutto il testo alt deve essere scritto allo stesso modo.
Perché? Perché diversi tipi di immagini richiedono approcci diversi.
Ma se stai lavorando con grafici, contenuti dei social media o foto di prodotti, l’obiettivo è sempre lo stesso: descrivere ciò che conta, in un modo che sia collegato al contesto dell’immagine e che supporti l’esperienza dell’utente.
Vediamo come affrontare la copia alt per ogni tipo di immagine:
Come suggerisce il nome, le immagini informative trasmettono informazioni chiave che non sono scritte altrove nella pagina.
[Lo schermo di un computer portatile mostra il dashboard delle impostazioni sulla privacy di un utente.
Testo alt: La dashboard delle impostazioni sulla privacy mostra le levette per il tracciamento della posizione, le preferenze di marketing e la condivisione dei dati.
Questa descrizione si concentra su ciò che è visibile e rilevante per il contesto dell’immagine, senza spiegazioni eccessive.
Le immagini decorative non aggiungono contenuti significativi. Sono presenti solo per motivi estetici e dovrebbero essere ignorati dagli screen reader e da altre tecnologie assistive.
[Immagine:] Uno sfondo di onde blu.
Testo alt: alt=”” (empty)
Utilizza un attributo alt nullo, come nell’esempio precedente, in modo che la tecnologia assistiva possa ignorare l’immagine e passare oltre.
Le tabelle e i grafici trasmettono dati complessi, che possono sembrare difficili da condensare in un testo alt.
La risposta? Il testo alt dovrebbe semplicemente riassumere la chiave di lettura del grafico o della tabella.
[Un grafico a barre che mostra i tassi di coinvolgimento dei cookie banner in base al design.
Testo alt: Grafico a barre che mostra che i banner con meno scelte hanno tassi di consenso più elevati rispetto a quelli con opzioni granulari.
Se ci sono più dettagli, potresti prendere in considerazione l’idea di fornire una descrizione più lunga nel testo vicino o un link a un testo alternativo.
Le immagini dei prodotti devono essere descritte con dettagli visivi chiave che aiutino gli utenti a capire cosa viene venduto.
[Un paio di cuffie wireless su uno sfondo bianco.
Testo alt: Cuffie wireless over-ear nere con cuscinetti imbottiti e archetto regolabile.
Questo è particolarmente importante per l’accessibilità e l’usabilità dell’e-commerce.
I social media non fanno eccezione quando si tratta di scrivere testi alt. Quando condividi contenuti visivi sui canali social, includi un testo alt conciso ma descrittivo che descriva l’immagine in modo correlato al contesto del post.
[Un team riunito intorno a una lavagna durante una riunione.
Testo alt: Il team di marketing fa un brainstorming di idee per la campagna su una lavagna ricoperta di foglietti adesivi.
La maggior parte delle piattaforme, come X, LinkedIn e Instagram, ora supportano il testo alt, quindi non ci sono scuse per ignorarlo – assicurando che tutti i membri della comunità possano accedere ai tuoi contenuti.
Anche con le migliori intenzioni, è facile sbagliare il testo alt. Ecco alcune delle insidie più comuni e come evitarle:
I testi alt come “Immagine di un grafico” o “Foto di un prodotto” non offrono alcun contesto utile. Sii specifico. Cosa mostra il grafico? Che tipo di prodotto è?
Il testo alternativo non è il posto giusto per i veri e propri saggi. Le descrizioni troppo dettagliate possono sopraffare gli utenti di screen reader e interrompere il flusso. Tienilo breve e dolce: bastano poche parole o al massimo due frasi chiare e mirate.
Un testo alternativo pieno di parole chiave e privo di una vera descrizione non aiuta né gli utenti né i motori di ricerca. Ricorda di concentrarti prima di tutto sulla chiarezza: se il testo alt è veramente utile, puoi essere certo che i benefici SEO seguiranno a breve.
Se la didascalia dell’immagine o il testo vicino dicono già la stessa cosa, non c’è bisogno di ripeterla nel testo alt. Concentrati su ciò che l’immagine stessa aggiunge.
I pulsanti, le icone e i link con immagini devono avere un testo alt descrittivo che ne spieghi la funzione, come ad esempio “Invia modulo” o “Scarica PDF”, non solo “freccia” o “icona”.
Se gestisci i contenuti su diverse piattaforme, assicurati che il testo alternativo funzioni in modo coerente su tutte le piattaforme, compresi i cellulari e i post sui social. L’accessibilità non deve fermarsi al tuo sito web.
Evitando questi errori comuni e utilizzando gli strumenti giusti, ti avvicinerai alla creazione di un’esperienza più accessibile e facile da usare.
Una volta scritto il testo alt, come fai a sapere che funziona?
È importante verificare il funzionamento del testo alt nella pratica, sia per gli screen reader che per l’esperienza complessiva dell’utente.
Ecco come testare e migliorare le descrizioni delle tue immagini:
Prova a navigare nel tuo sito con uno screen reader come NVDA (Windows) o VoiceOver (macOS). Questo ti permette di capire direttamente come il tuo testo alt viene letto ad alta voce e se ha senso nel contesto.
Disattivare le immagini nel browser è un modo rapido per visualizzare in anteprima il testo alt che appare al posto di ogni immagine. Può essere un buon modo per scoprire le descrizioni che risultano confuse o ridondanti e che devono essere modificate.
Utilizza strumenti automatizzati per scoprire eventuali errori che possono riguardare gli screen reader e altri problemi di accessibilità.
Se hai accesso a tester che utilizzano tecnologie assistive, il loro feedback è la cosa migliore che tu possa ottenere. Chiedi se il tuo testo alternativo ti sembra utile, conciso e coerente, e modificalo in base ai loro suggerimenti.
Una volta ottimizzato il testo alt, monitora il traffico di ricerca legato alle immagini in Google Search Console. Se le tue immagini iniziano a comparire nei risultati pertinenti, saprai che anche le tue descrizioni stanno funzionando per i motori di ricerca.
L’ottimizzazione del testo alt è un processo continuo, ma seguire questi passaggi ti aiuterà a rimanere in carreggiata e a costruire un’esperienza digitale più inclusiva.
Se vuoi rispettare gli standard di accessibilità, il testo alternativo non è facoltativo. Le linee guida per l’accessibilità dei contenuti web (WCAG) stabiliscono chiare aspettative sul modo in cui le immagini devono essere gestite per supportare gli utenti con disabilità visive, tra cui:
Il rispetto di questi standard ti aiuta a creare un sito più inclusivo. Inoltre, potrebbe contribuire a ridurre i rischi legali, soprattutto per le organizzazioni che operano in aree in cui vengono applicate le leggi sull’accessibilità, come l’European Accessibility Act.
Il testo alternativo può essere un piccolo dettaglio, ma ha un grande impatto.
Rende i tuoi contenuti più inclusivi. Ti aiuta a rispettare gli standard di accessibilità. Aumenta la SEO.
Ma soprattutto, migliora l’esperienza delle persone reali che ogni giorno si affidano alla tecnologia di assistenza.
Seguendo le migliori pratiche ed evitando gli errori comuni descritti sopra, puoi iniziare a rendere l’accessibilità una parte naturale del tuo processo di produzione dei contenuti.
Ulteriori informazioni su Dai un’occhiata al nostro WayWidget e aiuta più persone ad accedere al tuo sito.