Lunghezza alt text: quanto deve essere una descrizione?

TL;DR: L’alt text non ha una regola universale di 125 caratteri. Deve essere il più breve possibile e lungo quanto necessario per sostituire lo scopo dell’immagine nel contesto. Un’immagine informativa semplice richiede spesso una frase concisa. Un’immagine funzionale descrive l’azione. Un’immagine decorativa usa di solito un alt vuoto. Grafici complessi richiedono un’etichetta breve e dettagli nel testo vicino.

La lunghezza dell’alt text viene spesso ridotta a un numero, ma l’accessibilità non funziona così. Una descrizione di dieci parole può essere troppo lunga per un’immagine decorativa e troppo corta per un grafico. Il testo corretto dipende dal motivo per cui l’immagine appare e da ciò che una persona perderebbe senza vederla.

Questa guida spiega come scrivere alt text per immagini informative, funzionali, decorative e complesse. Analizza anche errori comuni come keyword stuffing, didascalie ripetute e descrizioni che elencano dettagli visivi senza comunicare lo scopo. L’obiettivo è creare un testo sostitutivo utile, non ottenere un punteggio perfetto.

Scrivi la descrizione nel suo contesto, poi controllane la dimensione con il Contatore di caratteri. Contare aiuta a individuare un testo sovraccarico, ma non deve mai costringerti a eliminare informazioni necessarie per capire la pagina.

Quanto deve essere lungo un alt text?

L’alt text deve essere il più breve possibile e lungo quanto necessario per comunicare lo scopo dell’immagine. Una frase concisa funziona spesso per un’immagine informativa semplice. Un’icona funzionale può richiedere poche parole. Un grafico complesso ha in genere bisogno di un attributo breve e di una spiegazione più lunga altrove.

Non esiste un limite universale HTML o WCAG di 125 caratteri. Quel numero è una raccomandazione pratica usata da alcuni team e strumenti più vecchi, non una regola che rende automaticamente inaccessibile un testo più lungo.

Leggi la pagina senza l’immagine e chiediti quale informazione manca. Scrivi soltanto quella sostituzione. Se la descrizione diventa un paragrafo, sposta i dettagli nel testo visibile, così potranno usarli più persone.

Che cosa deve descrivere l’alt text?

Descrivi lo scopo dell’immagine e l’informazione che aggiunge in quel contesto specifico. Non elencare ogni oggetto visibile se quei dettagli non contano. La stessa foto può richiedere alt text diversi in una pagina di notizie, in una scheda prodotto o in un profilo personale.

Il W3C richiede che i contenuti non testuali abbiano un’alternativa che svolga uno scopo equivalente, con eccezioni per casi come la decorazione. Il suo albero decisionale per le alternative testuali aiuta a scegliere tra descrizione, etichetta funzionale, spiegazione vicina o attributo alt vuoto.

Evita di iniziare sempre con “immagine di” o “foto di”, a meno che il mezzo stesso sia importante. Gli screen reader e il markup circostante identificano normalmente il contenuto come immagine.

Immagini informative, funzionali e decorative

Classifica l’immagine prima di scrivere. La categoria decide se il testo deve descrivere contenuto, spiegare un’azione o rimanere vuoto.

• Immagine informativa: comunica il fatto o il significato aggiunto. Esempio: “Bicicletta rossa parcheggiata accanto all’ingresso della stazione.”
• Immagine funzionale: descrivi l’azione o la destinazione. Il pulsante con lente deve dire “Cerca”, non “Lente d’ingrandimento”.
• Immagine decorativa: usa in HTML un attributo alt vuoto quando non aggiunge informazioni e deve essere ignorata.
• Immagine di testo: includi le parole essenziali se non sono già disponibili come vero testo vicino.
• Logo: identifica l’organizzazione quando il logo fornisce quell’informazione. Dentro un link alla home può essere “Nome azienda, home”.

Non ripetere la didascalia parola per parola. La ripetizione aumenta l’ascolto senza aggiungere significato. Usa il Confronto Testi per confrontare didascalia e alt text quando sospetti che siano duplicati.

Come si scrive l’alt text per grafici e immagini complesse?

Usa un attributo breve per identificare il grafico e il messaggio principale, poi fornisci dati, relazioni o processo importanti nel testo vicino. Le informazioni complesse raramente funzionano in un unico attributo molto lungo. Le descrizioni visibili aiutano anche persone ipovedenti o con disabilità cognitive.

Per un grafico a linee, indica argomento e tendenza chiave: “Le richieste mensili di assistenza sono salite da 120 a gennaio a 210 a giugno.” Aggiungi poi una tabella dati o un paragrafo se servono i valori esatti di ogni mese.

Per i diagrammi, descrivi la sequenza o la relazione da cui dipende la pagina. Non elencare ogni forma, colore delle frecce o posizione, a meno che cambi il significato. L’analisi di leggibilità può aiutare a semplificare una lunga descrizione visibile senza eliminare passaggi essenziali.

Errori comuni negli alt text

Un alt text sbagliato spesso non è troppo lungo o troppo corto. È irrilevante, ripetitivo o scritto per i motori di ricerca invece che per le persone.

• Usare nomi di file come “IMG_2048.jpg”.
• Scrivere “immagine di” prima di ogni descrizione.
• Ripetere didascalia, titolo o paragrafo vicino.
• Inserire molte keyword di prodotto che l’immagine non comunica.
• Descrivere colore o posizione senza spiegare il significato.
• Dare una descrizione parlata alle immagini decorative.
• Usare alt vuoto per un’immagine che è l’unica etichetta di un link o pulsante.

Pulisci le descrizioni copiate con la rimozione degli spazi extra, così interruzioni di riga e formattazioni invisibili non entrano nel campo del CMS.

Come si controlla l’alt text prima della pubblicazione?

Esamina l’immagine nel contesto reale della pagina. Decidi il suo scopo, elimina le informazioni ripetute, prova la pagina senza immagine e conferma che il testo sostitutivo supporti la stessa attività. Poi controlla l’HTML o l’output del CMS per verificare che l’attributo sia presente e correttamente vuoto quando decorativo.

1. Identifica il tipo: informativa, funzionale, decorativa, testuale o complessa.
2. Leggi il contenuto vicino: evita di ripetere ciò che è già disponibile.
3. Scrivi la sostituzione: concentrati sullo scopo e sull’informazione utile.
4. Controlla la lunghezza: accorcia solo quando il testo è ridondante o sovraccarico.
5. Verifica l’accessibilità visiva: usa il simulatore di contrasto quando testo o grafica essenziale sono dentro l’immagine.
6. Prova l’output: conferma che l’alt vuoto sia un attributo vuoto e non assente.

I controlli automatici possono trovare attributi mancanti, ma non possono decidere se le parole sono utili. Serve una revisione umana perché la descrizione corretta dipende dal contesto.

La lunghezza dell’alt text è una decisione di qualità, non un obiettivo SEO fisso. Le immagini semplici richiedono testo sostitutivo conciso, quelle funzionali un’azione chiara, quelle decorative devono restare silenziose e le immagini complesse hanno bisogno di dettagli fuori dall’attributo.

Scrivi la descrizione accanto all’immagine, poi usa il Contatore di caratteri per individuare lunghezza inutile. Conserva ogni parola che aiuta a capire o usare la pagina ed elimina soltanto i dettagli che non servono allo scopo dell’immagine.