Testi alt

Il testo alt è la descrizione che appare al posto di un'immagine quando l'immagine non può essere caricata. Ciò accade quando un client di posta blocca le immagini per impostazione predefinita, comune in Outlook e in alcuni ambienti aziendali, o quando un contatto utilizza uno screen reader. Aggiungere un testo alt descrittivo a ogni immagine è uno dei fondamentali più trascurati delle best practice e-mail.

Perché i testi alt sono importanti

Molti client di posta, tra cui Outlook, bloccano le immagini per impostazione predefinita finché il lettore non le abilita esplicitamente. Se la Sua e-mail si affida pesantemente alle immagini e non ha testi alt, i lettori vedono solo caselle vuote senza contesto. Un testo alt ben scritto comunica il contenuto di ogni immagine anche quando l'immagine stessa non si carica, il che aiuta i lettori a comprendere il Suo messaggio e decidere se cliccare.

Il testo alt è importante anche per gli screen reader utilizzati dai contatti ipovedenti. Senza testo alt, gli screen reader saltano completamente le immagini, il che può rendere la Sua e-mail confusa o incompleta per quei lettori.

Come aggiungere il testo alt

Email builder

Clicchi su qualsiasi elemento immagine sul canvas. Nel pannello delle impostazioni a destra, trovi il campo Testo alt e digiti la Sua descrizione.

Wizard Template

Vada all'elemento Articoli → clicchi su Aggiungi un articolo
Clicchi su Inserisci/Modifica Immagine
Selezioni la Sua immagine tramite Sfoglia → compili la Descrizione immagine come testo alt → clicchi su Inserisci.

Editor HTML

Clicchi su Inserisci/Modifica Immagine
selezioni la Sua immagine tramite Sfoglia → compili la Descrizione immagine come testo alt → clicchi su Inserisci.

Scrivere testi alt efficaci

Descriva cosa mostra l'immagine, non cosa rappresenta. "Donna che usa un laptop a una scrivania" è più utile di "Produttività".
Sia specifico per le immagini dei prodotti. "Portafoglio in pelle blu, vista frontale" fornisce più informazioni di "Prodotto".
Per le immagini decorative che non aggiungono valore informativo, lasci il testo alt vuoto invece di utilizzare testi di riempimento come "immagine" o "foto". Un testo alt vuoto dice agli screen reader di saltare l'immagine con grazia.
Per pulsanti e immagini CTA, utilizzi lo stesso testo dell'etichetta del pulsante, "Registrati ora" o "Scarica la guida".
Sia conciso. La maggior parte degli screen reader taglia il testo alt dopo circa 125 caratteri.

Suggerimenti pro

Dopo aver creato un messaggio, utilizzi il Controllo messaggio per vedere l'anteprima della Sua e-mail con le immagini disabilitate. Ciò mostra esattamente ciò che vede un lettore con il blocco delle immagini ed è un test affidabile per verificare se i Suoi testi alt stanno svolgendo il loro ruolo.
Il Suo oggetto, preheader e testi alt insieme formano il livello testuale della Sua e-mail. I lettori che non abilitano mai le immagini dovrebbero comunque essere in grado di comprendere il Suo messaggio da questi soli elementi.

Errori comuni da evitare

Testi alt generici come "immagine" o "banner": non aggiungono valore e possono frustrare gli utenti di screen reader.
Ripetere parola per parola il testo circostante. Il testo alt dovrebbe integrare il contesto, non duplicarlo.
Testo alt mancante sulle immagini CTA. Se la Sua call to action è un'immagine senza testo alt, i contatti che utilizzano screen reader o client che bloccano le immagini non hanno idea su cosa cliccare.

Prossimi passi

Veda "Aggiungere un'immagine" per come inserire immagini nel Suo messaggio.
Veda "Controllo messaggio" per come vedere l'anteprima della Sua e-mail con le immagini disabilitate.