Testi alternativi per le immagini: accessibilità e SEO in uno

Ogni immagine sul suo sito può portare con sé un breve testo che a prima vista non si vede affatto: il testo alternativo. «Alt» sta per «alternativo», è la descrizione che interviene quando l'immagine stessa non arriva. Sembra un dettaglio, ma è uno dei punti più discreti in cui accessibilità e SEO coincidono. In questo articolo Le mostro a che cosa servono i testi alternativi e come formularli in modo che portino davvero qualcosa.

La cosa bella: se descrive un'immagine in modo onesto e chiaro, di solito ha già fatto tutto giusto, per le persone e per Google allo stesso modo.

Che cos'è in realtà un testo alternativo

Il testo alternativo è una breve descrizione depositata nel codice direttamente presso l'immagine. Diventa visibile in tre situazioni:

• Una persona usa uno screen reader, un software che legge lo schermo ad alta voce. Legge allora il testo alternativo, perché un utente non vedente non può vedere l'immagine.
• L'immagine non si carica, ad esempio con una connessione scadente. Allora appare il testo al suo posto.
• Google non «vede» la sua immagine come una persona. Legge il testo alternativo per capire che cosa vi è raffigurato.

Una sola e medesima frase svolge dunque tre compiti insieme. Proprio per questo vale la pena non lasciarla semplicemente vuota.

Perché i testi alternativi contano per l'accessibilità

Si immagini che qualcuno non possa vedere le sue immagini e navighi la pagina tramite funzione di lettura vocale. Senza testo alternativo questa persona sente solo «grafica» o il nome del file privo di significato. Con un buon testo alternativo sente invece: «Artigiano dipinge una facciata di legno con vernice bianca.» All'improvviso la pagina ha un senso.

In Svizzera l'accessibilità non è solo un gesto gentile. Per gli enti pubblici è prescritta, e anche per i fornitori privati diventa sempre più uno standard. Ma soprattutto è semplicemente giusta: circa una persona su dieci dipende da una qualche forma di supporto per navigare. Un testo alternativo ben pensato Le costa un minuto e apre a queste persone la porta.

Perché Google ama i testi alternativi

I motori di ricerca diventano sempre più bravi a interpretare le immagini, ma il testo alternativo resta il segnale più chiaro di che cosa mostri un'immagine. Ne trae doppio vantaggio:

• Le sue immagini possono comparire nella ricerca immagini di Google e portare visite aggiuntive.
• Il testo alternativo aiuta Google a capire meglio il contesto dell'intera pagina, il che indirettamente giova al posizionamento.

Importante è l'ordine nella testa: scriva il testo alternativo prima per la persona che lo ascolta, non per il motore di ricerca. Se la parola di ricerca adatta ci sta dentro in modo naturale, bene. Se no, la lasci perdere. Una descrizione onesta batte ogni raccolta forzata di parole chiave.

Come formulare una buona descrizione dell'immagine

Un buon testo alternativo è breve, concreto e descrive ciò che davvero si vede. Alcune semplici regole pratiche:

• Concreto invece di vago: «Bicicletta da corsa rossa contro un muro di pietra» invece del solo «bicicletta».
• Tenerlo breve: Una frase basta di solito. Nessuno vuole farsi leggere ad alta voce un romanzo.
• Considerare lo scopo: Descriva ciò che è rilevante per la pagina. Su una pagina su Sciaffusa il punto è le cascate del Reno, non la nuvola nel cielo.
• Niente formule: Lasci perdere «immagine di» o «foto di». Che sia un'immagine, lo screen reader lo sa già.
• Inserire in modo naturale la parola importante: Se è una falegnameria a Winterthur, «falegname al lavoro nel laboratorio» può ben chiamarsi così, ma solo se corrisponde al vero.

Quando un'immagine non ha bisogno di un testo alternativo

Non ogni immagine porta informazione. Elementi puramente decorativi, una linea di separazione ornamentale, un motivo di sfondo, un ghirigoro decorativo, non hanno bisogno di un testo alternativo descrittivo. Al contrario: se facesse leggere ad alta voce ogni elemento decorativo, sarebbe piuttosto disturbante per gli utenti non vedenti.

Per questi casi esiste il testo alternativo vuoto (tecnicamente un attributo alt vuoto). Dice allo screen reader: «Qui non c'è nulla di importante, salta questo.» È qualcosa di completamente diverso dal tralasciare del tutto l'attributo, perché allora il software spesso legge, disorientato, il nome del file. Questa distinzione la assume di norma la persona che costruisce la sua pagina.

Come verificare le sue immagini

Non Le servono conoscenze specialistiche. Ripercorra le sue pagine più importanti e si chieda per ogni immagine: se non potessi vedere questa immagine, una frase letta ad alta voce mi spiegherebbe che cosa succede qui? Alcuni punti di riferimento:

• Le immagini importanti per il contenuto portano una descrizione comprensibile?
• Ci sono frasi vere, oppure solo nomi di file come «IMG_2043»?
• Le immagini puramente decorative sono contrassegnate come tali, invece di essere descritte inutilmente?

Se Lei stesso inciampa nella lettura, uno screen reader probabilmente ne saprà fare altrettanto poco.

I testi alternativi sono una di quelle piccole accortezze che non notano a nessuno finché ci sono, e che fanno una grande differenza non appena mancano. Se Le fa piacere, guardo le sue immagini esistenti oppure imposto tutto in modo pulito già durante la costruzione della sua nuova pagina. Si faccia vivo semplicemente tramite il modulo di contatto, e discutiamo che cosa vale la pena per Lei. Altri consigli pratici per le PMI li trova nei miei altri articoli.