Scrivere testo alt per l'accessibilità

Il testo alternativo o testo alt è una breve descrizione che aiuta gli utenti a capire lo scopo di un'immagine, una fotografia, un'illustrazione, una GIF o altro contenuto visivo di una pagina web. Questo testo può essere rilevato da dispositivi di assistenza o quando un'immagine non viene caricata (ad esempio, a causa della scarsa larghezza di banda).

L'inclusione del testo alt nel tuo sito web rende video, immagini, GIF e icone più accessibili per chiunque, anche per i disabili.

I motivi per cui qualcuno potrebbe aver bisogno di affidarsi al testo alternativo sono i seguenti:

• Cecità o ipovisione

• Illuminazione intensa

• Disturbi dell'udito

• Ambiente rumoroso

• Internet lento

Come scrivere un buon testo alt

Le descrizioni delle immagini devono essere di alta qualità e facilmente comprensibili per il pubblico. Segui queste buone pratiche quando scrivi il tuo testo alternativo.

1. Scrivilo bene. Fai del tuo meglio per scrivere il testo alt in forma di frase e segui le regole della grammatica e della punteggiatura. 

2. Sii breve. Consigliamo di mantenere il testo alt al di sotto di 250 caratteri. Concentrati sui dettagli contestuali più importanti, piuttosto che descrivere semplicemente l'immagine in sé.

3. Sii descrittivo. Fornisci le informazioni necessarie per comprendere l'intento della tua immagine. Quando colleghi un testo, spiega a cosa ti stai collegando: "Leggi il nostro rapporto" o "Clicca qui".

4. Tieni conto delle tecnologie alternative. Pensa a come funziona la tecnologia assistiva. Ad esempio, i dispositivi di assistenza dicono "immagine di" prima di leggere il testo alt, quindi gli utenti di screen reader non devono includerlo nel testo. 

5. Continua a esercitarti. Aggiungi abitualmente testo alt alle immagini che pubblichi. Più ti eserciti, più acquisirai dimestichezza e velocità nel descrivere il contenuto delle immagini.

Infine, evita di utilizzare l'AI per generare il testo alt. I generatori di IA non sempre individuano con precisione le informazioni che il lettore deve sapere su un'immagine.

Contenuto decorativo e contenuto essenziale

Non è necessario scrivere il testo alt per ogni singola immagine del sito web. Per individuare le immagini che necessitano di un testo alt, decidi quali sono le immagini decorative e quali quelle essenziali.

I contenuti decorativi non sono necessari per comprendere il significato o l'uso della pagina web e non necessitano di testo alt. Ad esempio, un divisore di sezione non necessita di un testo alt. 

Il contenuto essenziale è tutto ciò che è necessario per comprendere o utilizzare la pagina. Le immagini essenziali devono avere un testo alt.

Un modo semplice per distinguere i due tipi di immagini è chiedersi: "Se rimuovo questo elemento dalla pagina, il significato della pagina cambia?" 

Nomi dei file

Adotta le migliori pratiche di testo alt delle immagini anche per i nomi dei file. Un nome di file accessibile è descrittivo dell'immagine a cui è allegato, anziché vago o generato automaticamente. Ad esempio, utilizza "PersonaMangiaUva.jpg". invece di "IMG4729.jpg".

Ciò comporta due ulteriori vantaggi: i file immagine sono più facili da organizzare e meglio impostati per SEO. Comparire nelle ricerche per immagini è un altro ottimo modo per portare il traffico dei motori di ricerca al tuo sito web.

Esempi di testo alt delle immagini

Nota: questa guida è disponibile come risorsa per aiutarti a iniziare, ma non deve essere interpretata o considerata come una consulenza legale. Squarespace non può dare consigli per rendere il tuo sito conforme a leggi, regolamenti o standard specifici sull'accessibilità

Ecco due esempi di testi alt efficaci per le immagini. Si noti che il testo alt è specifico per il contesto: un testo alt adatto a una situazione specifica non lo è necessariamente per la stessa foto utilizzata in un'altra situazione.

Immagina che questa foto sia apparsa in un elenco di tipi di fotocamere di base. In questo contesto, un buon esempio di testo alt per questa immagine potrebbe essere: "Una fotocamera DSLR e un obiettivo in una custodia aperta".

In questo contesto, un esempio di testo alternativo da migliorare sarebbe: "Immagine di una macchina fotografica su sfondo grigio". 

Questo esempio utilizza "immagine di", che i dispositivi di assistenza pronunciano già prima di leggere il testo alt. Inoltre, non offre dettagli importanti sulla fotocamera o su altri oggetti presenti nell'immagine, che sarebbero utili per chi legge sui tipi di fotocamera.

Un esempio di un testo alt soddisfacente per questa immagine potrebbe essere: "Un set di buste da lettera colorate"

In un contesto in cui l'immagine viene utilizzata per spezzare visivamente la pagina senza aggiungere informazioni necessarie, si può evitare di scrivere il testo alt.

Per maggiori informazioni, consulta la nostra pagina sull'accessibilità

Come rendere accessibili immagini complesse

Sebbene il testo alt sia utile e necessario, può essere difficile inserire tutte le informazioni necessarie in non più di 250 caratteri. Questo vale soprattutto per le immagini più complesse, come grafici, diagrammi, infografiche e video lunghi, che possono richiedere descrizioni molto più lunghe per trasmettere le informazioni più importanti.

In questi casi, puoi:

• Descrivere il contenuto in modo dettagliato nel corpo del testo. Scrivi una descrizione più lunga per l'immagine, che evidenzi i punti chiave e li contestualizzi. È possibile utilizzare il testo alt per aggiungere una descrizione rapida e aggiungere un paragrafo accanto o sotto l'immagine con una descrizione più lunga.

• Utilizza una didascalia dell'immagine. Aggiungi una didascalia visibile all'immagine che spieghi i dettagli e il contesto dell'immagine.

Il testo alt e l'accessibilità del web sono essenziali, non solo "belli da avere" per il tuo sito web. Più il tuo sito web è accessibile, più i visitatori possono utilizzarlo, indipendentemente dalla situazione. 

Leggi la nostra guida completa all'accessibilità del web