Cos'è
Il testo alternativo è una breve descrizione scritta collegata a un'immagine nel codice di una pagina, che uno screen reader annuncia ad alta voce al posto dell'immagine stessa, dato che un visitatore non vedente o ipovedente che ne usa uno non può vedere direttamente l'immagine. Mentre la nostra guida al testo alternativo orientata alla SEO guarda a come questo stesso attributo aiuta i motori di ricerca a scoprire le immagini, questa angolazione riguarda specificamente cosa significa il testo alternativo per una persona reale che dipende da esso per accedere alla stessa informazione che un visitatore vedente ottiene semplicemente guardando l'immagine.
Questa distinzione conta nella pratica: un testo alternativo scritto puramente per posizionarsi nella ricerca immagini può finire riempito di parole chiave invece di descrivere genuinamente cosa mostra l'immagine, il che serve male un utente di screen reader anche se tecnicamente soddisfa la lettera del requisito.
Perché è importante
Per un utente di screen reader, un'immagine senza testo alternativo viene o completamente saltata (come se non esistesse) o annunciata come un nome file inutile tipo "IMG_4821.jpg" — in entrambi i casi, qualsiasi informazione che quell'immagine dovesse trasmettere a un visitatore vedente è semplicemente persa. Questo diventa una barriera seria quando l'immagine trasporta contenuto significativo: un grafico con dati, un diagramma che spiega un processo, una foto di prodotto che mostra una caratteristica non descritta da nessun'altra parte nel testo circostante.
Questo è anche un requisito legale di accessibilità in molti contesti, secondo standard come le WCAG (le Linee Guida per l'Accessibilità dei Contenuti Web) che molte attività sono tenute a rispettare — ma trattarlo puramente come una casella di conformità da spuntare perde di vista il fatto che sta risolvendo un problema di accesso reale e quotidiano per visitatori veri.
Come risolverlo
- Per ogni immagine che trasmette informazioni reali, scrivi un testo alternativo che descriva cosa mostra effettivamente, come se la stessi descrivendo a qualcuno al telefono che non può vederla.
- Mantieni le descrizioni concise e specifiche — di solito basta una frase o una breve espressione; evita di ripetere informazioni già fornite nel testo circostante.
- Per immagini puramente decorative che non aggiungono informazioni (texture di sfondo, divisori), usa un
alt=""vuoto così uno screen reader le salta completamente invece di annunciare qualcosa di privo di senso. - Per un'immagine che è essa stessa un link (come un logo che rimanda alla homepage), scrivi un testo alternativo che descriva dove porta il link, non solo l'aspetto dell'immagine.
- Testa con uno screen reader gratuito (NVDA, VoiceOver) per sentire come vengono effettivamente annunciate le tue immagini, invece di presumere che il testo che hai scritto si legga bene ad alta voce.