Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Perché ogni immagine sul sito ha bisogno di un testo alternativo?
Ogni immagine ha bisogno di un testo alternativo, perché le persone cieche e i motori di ricerca possono comprendere il contenuto dell'immagine solo tramite questo testo. Un programma di lettura legge il testo alternativo ad alta voce, Google mostra le immagini con un buon testo alternativo nella ricerca di immagini. Se manca il testo, una persona cieca sente solo il nome del file — ad esempio «DSC_0042.jpg» — e non capisce nulla.
Testo alternativo: la descrizione testuale di un'immagine
Il testo alternativo è una breve frase ancorata nel codice sorgente della pagina accanto all'immagine. I visitatori con occhi sani non lo vedono mai. Una persona cieca si fa leggere la pagina da un programma di lettura — e in corrispondenza dell'immagine il programma legge esattamente questo testo. Un esempio: la Sua pagina del team mostra una foto del direttore generale. Con il testo alternativo «Ritratto di Maria Rossi, direttore generale», il visitatore sa chi ha di fronte. Senza il testo rimane solo uno spazio vuoto. Anche Google legge questo testo e così capisce cosa si vede nell'immagine — questo aiuta la Sua visibilità nella ricerca di immagini.
Come il nostro nucleo di misurazione verifica i testi alternativi
La verifica automatica apre la Sua pagina in un vero browser e esamina con lo strumento di verifica axe-core ogni singola immagine. Inoltre, il nostro passaggio di verifica conta tutte le immagini a cui manca completamente l'attributo alt — ognuna è una violazione provata, che il rapporto documenta con il nome del file. Un testo alternativo deliberatamente vuoto è invece corretto: così si etichettano le immagini puramente decorative, che il programma di lettura deve saltare. Se un testo presente è anche sostanzialmente adeguato, nessuna macchina può deciderlo — quindi l'automazione qui non conferma mai in fretta un «superato». Nello standard Gold, una persona guarda le immagini e i loro testi e forma un giudizio.
Scrivere buoni testi alternativi
Un buon testo alternativo descrive cosa si vede nell'immagine e a cosa serve su questa pagina — in una frase, senza la frase «Immagine di». Per una foto di prodotto: «Sedia da ufficio nera con braccioli, vista laterale». Per un logo collegato conta la destinazione del link: «Alla home page». Le immagini puramente decorative — linee di separazione, motivi di sfondo — ricevono un testo alternativo vuoto, così il programma di lettura le salta silenziosamente. Nomi di file, elenchi di parole chiave o testi pubblicitari non vanno mai nel testo alternativo: il visitatore sente ogni lettera e perde tempo.
Beispiele
Foto mit Information
<img src="team-2026.jpg">
<img src="team-2026.jpg" alt="Bild">
<img src="team-2026.jpg" alt="DSC_0042.jpg"><img src="team-2026.jpg"
alt="Das Team von Beispiel GmbH vor dem Büro in Graz, sechs Personen">Der Alternativtext sagt, was das Bild zeigt, in einem Satz. Dateiname und das Wort „Bild“ sagen nichts.
Schmuckbild und verlinktes Bild
<img src="trenner.svg" alt="Trennlinie">
<a href="/"><img src="logo.svg"></a><img src="trenner.svg" alt="">
<a href="/"><img src="logo.svg" alt="Beispiel GmbH – zur Startseite"></a>Schmuck bekommt ein leeres alt, damit Vorleseprogramme es überspringen. Ein verlinktes Bild nennt das Ziel.
- Verifichi le Sue pagine più importanti: ogni immagine ha un testo alternativo che descrive il contenuto in una frase?
- Chieda alla Sua agenzia di elencare le immagini senza attributo alt e di aggiornarle.
- Etichetti le immagini decorative con un testo alternativo vuoto, così i programmi di lettura le saltano.
- Stabilisca nella Sua redazione: nessuna immagine va online senza testo alternativo.
- Legga i Suoi testi alternativi ad alta voce — se si capisce la pagina anche senza le immagini, i testi sono buoni.