Aggiungi un testo alternativo alle immagini

Sappiamo quanto conti il design delle email, e le immagini sono una variabile fondamentale per il loro successo. Tuttavia, in alcuni casi, un utente iscritto potrebbe non essere in grado di visualizzare le immagini di un’email. Ed è qui che entra in gioco il testo alternativo.

In questo articolo, scoprirai cos’è il testo alternativo e come puoi aggiungerlo alle tue email per offrire a ogni iscritto un’esperienza ottimale.

Informazioni sul testo alternativo

Il testo alt, o testo alternativo, è una breve descrizione di un'immagine di un’email, che viene mostrata quando gli iscritti non riescono a visualizzare le immagini. Questo può accadere se le immagini sono disattivate nel client email o se si sta leggendo l’email con un lettore di schermata.

Il testo alternativo aiuta i contatti a capire il valore aggiunto di un’immagine al tuo messaggio oppure fa sapere loro che un’immagine è decorativa e può essere ignorata. Può sembrare una cosa da poco, ma il testo alternativo può rivelarsi molto importante se gli utenti iscritti non riescono ad aprire le tue immagini, dunque includilo in ogni immagine dell’email.

Testo alternativo e accessibilità

Il testo alternativo è particolarmente importante per le persone che utilizzano screen reader, quindi è considerato una best practice di base per migliorare l'accessibilità dei messaggi di posta elettronica.

Senza testo alternativo, lo screen reader informerà che è presente un’immagine, ma il contatto non avrà modo di determinare le informazioni fornite. Per saperne di più sulle best practice di accessibilità, consulta la sezione Accessibilità nell’email marketing.

Testo alternativo e visualizzazione di un’immagine

Se le immagini non vengono visualizzate nelle caselle di posta degli iscritti, potrebbero essere state bloccate dal client email. Per motivi di sicurezza, molti client email disattivano le immagini da impostazione predefinita, pertanto gli utenti devono attivarne manualmente la visualizzazione. Se i tuoi iscritti hanno le immagini bloccate, vedranno il testo alternativo al loro posto.

Ecco come appare il testo alternativo quando le immagini sono bloccate.

Questa immagine non contiene testo alternativo.

Questa immagine sì.

Consigli per un testo alternativo efficace

Ecco alcuni consigli da tenere a mente per aiutarti a scrivere un testo alternativo adeguato ed efficace.

• Sii breve
  Il testo alternativo dovrebbe essere facile da leggere e assimilare, in modo che i tuoi iscritti possano passare al resto del messaggio. Cerca di usare una o due frasi.
• Usa una punteggiatura corretta
  Per chi legge su schermo, la punteggiatura è il modo di capire quando fare una pausa nella lettura del contenuto, quindi assicurati di usarla correttamente nel testo alternativo.
• Non usare virgolette
  L’attributo alt aggiunto al codice HTML semplice della tua email usa le virgolette per identificare inizio e fine del testo alternativo. Virgolette aggiuntive potrebbero compromettere il codice HTML.
• Ripeti il testo che appare nelle immagini
  È sempre meglio mantenere le informazioni importanti nel testo principale del messaggio e non all’interno di un’immagine. Tuttavia, se un’immagine include del testo, ripetilo nel testo alternativo in modo che gli iscritti non lo trascurino.
• Non ripetere le didascalie
  Le didascalie disponibili per chi legge vengono visualizzate anche quando le immagini vengono bloccate, quindi non ripeterle nel testo alternativo. Il testo alternativo dovrebbe fornire informazioni sull’immagine non disponibili nella didascalia.
• Pensa al contesto
  Il contesto è l’elemento più importante da considerare quando scrivi testo alternativo per un’immagine. Qual è il legame tra l’immagine e il contenuto che la circonda? Chiediti quali informazioni gli iscritti potrebbero già avere riguardo all’immagine sulla base dei contenuti vicini.
• Identifica le immagini decorative
  Se la tua immagine è puramente decorativa, indicalo brevemente nel testo alternativo in modo che gli iscritti possano passare al resto del messaggio. Basterà per esempio scrivere "Immagine decorativa".
• Testa il contenuto
  Alcuni client di posta elettronica non mostrano il testo alternativo per un’immagine linkata o il testo alternativo che eccede la larghezza dell’immagine. Invia email di prova a diversi client email e disabilita le immagini per scoprire come viene visualizzato il testo alternativo.
  Anteprima e test delle tue email

Aggiungi un testo alternativo alle immagini

Ci sono diversi modi per aggiungere testo alternativo alle immagini in Mailchimp; il metodo da utilizzare dipende da dove si trova l’immagine.

• In un blocco immagine
• In un blocco di testo
• In template con codice personalizzato

In un blocco immagine

Per aggiungere un testo alternativo a un blocco di contenuto immagine come Immagine, Gruppo di immagini, Scheda immagine o Immagine + didascalia, segui questi passaggi.

1. Nella sezione Contenuti della lista di controllo Email, fai clic su Modifica progetto.
   
2. Nella fase Design, fai clic sul blocco immagine con cui desideri lavorare.
3. Nel riquadro di modifica, fai clic su Alt.
   
4. Nel campo Testo alternativo immagine, inserisci il testo alternativo per quell’immagine.
5. Fai clic su Aggiorna.
   
6. Fai clic su “Save & Close” (Salva e chiudi).

Ecco fatto! Ora i tuoi iscritti non si perderanno nessuno dei tuoi contenuti, anche se non possono visualizzare le immagini.

In un blocco testo

Per aggiungere un testo alternativo all'immagine di un blocco di contenuto Testo, segui questi passaggi.

1. Nella sezione Contenuti della lista di controllo Email, fai clic su Modifica progetto.
   
2. Nella fase Design, fai clic sul blocco di testo che contiene l’immagine con cui desideri lavorare.
3. Fai doppio clic sull'immagine per aprire Content studio.
   
4. Fai clic su Mostra opzioni di stile dell’immagine.
   
5. Nel campo Testo alternativo, inserisci il testo per l’immagine.
6. Fai clic su Salva e inserisci immagine.
   
7. Fai clic su Salva e chiudi.

Ottimo lavoro! Ora anche se i tuoi iscritti non potranno visualizzare le immagini, non si perderanno comunque nessuno dei tuoi contenuti.

In template con codice personalizzato

Per i template con codice personalizzato, dovrai includere un attributo alt per ogni immagine che utilizzi. Inserisci l’attributo alt all’interno del tag dell’immagine e digita il testo alternativo.

Il codice sarà simile a questo.

<img alt="Woman holding a small clay pot stamped with the Potted Planter logo." align="none" height="400" src="https://gallery.mailchimp.com/example.jpg" style="width: 600px; height: 400px; margin: 0px;" width="600" />