Ajouter du texte alternatif aux images

Si vous ajoutez un attribut de titre à une image associée, ce dernier s'affiche à la place du texte alt.

Nous savons que l'apparence de vos e-mails est importante, et les photos sont incontournables. Mais dans certains cas, le destinataire ne peut pas voir les images dans vos e-mails. C'est ici que le texte alt apparaît.

Dans cet article, vous apprendrez à utiliser un texte alternatif pour les images et à ajouter du texte alt dans les e-mails pour que chaque destinataire puisse profiter d'une expérience optimale.

À propos du texte alt

Le texte Alt, ou texte alternatif, est une courte description d'une image figurant dans votre e-mail qui s'affiche lorsque les destinataires ne peuvent pas voir vos images. Ce problème peut se produire si le client a désactivé les photos dans son client de messagerie ou s'il utilise un lecteur d'écran.

Le texte Alt permet à vos destinataires de comprendre ce qu'ajoute une image à votre message ou leur indique qu'une image constitue un élément décoratif et peut être ignorée. Cela peut sembler rien, mais le texte alt peut être très important si les destinataires ne peuvent pas voir les images.

Autre texte et accessibilité

Le texte alt est particulièrement important pour les personnes qui utilisent des lecteurs d’écran. Il est donc considéré comme une meilleure pratique pour l’accès aux e-mails.

Sans texte alt, un lecteur d'écran indiquera aux destinataires qu'il y a une image, mais ils ne pourront pas vous dire quels renseignements fournis par l'image. Pour en savoir plus sur les bonnes pratiques d’accessibilité, consultez l’accessibilité dans le marketing par e-mail .

Autre affichage de texte et d'image

Si vos images ne s'affichent pas dans les boîtes de réception de vos destinataires, il se peut que leur e-mail client les bloque. De nombreux clients e-mail désactivent les images par défaut. Si vos destinataires ont bloqué les images, ils verront votre texte alt à la place d'une image.

Voici à quoi ressemble une image bloquée sans texte alt.

Cette image bloquée comporte du texte alt.

Conseils pour un texte alt efficace

Voici quelques conseils à garder à l'esprit pour vous aider à rédiger un texte alt approprié et efficace.

• Rédigez un nom
  Le texte alt doit être facile à lire et à comprendre afin que vos destinataires puissent passer à la suite de votre message. Utilisez 1 ou 2  phrases.
• Utilisez une ponctuation correcte.
  Les lecteurs d'écran utilisent la ponctuation pour savoir où s'interrompre lors de la lecture du contenu. Il est donc important d'utiliser une ponctuation correcte dans le texte alt.
• N'utilisez pas de guillemets
  Les attributs alt en HTML utilisent des guillemets pour identifier le début et la fin de votre texte alt. Les guillemets supplémentaires interrompent le HTML.
• Répéter le texte qui apparaît dans les images
  Il est préférable de conserver les informations importantes dans le texte principal de votre message plutôt que de les utiliser en image. Si une image inclut du contenu, répétez les informations dans le texte alt pour que les destinataires ne puissent pas le manquer.
• Ne répétez pas les sous-titres.
  Les en-têtes d'image sont lus par les lecteurs d'écran et s'affichent même lorsque les images sont bloquées. Ne répétez donc pas les en-têtes d'image dans votre texte alt. Le texte Alt doit fournir des informations au sujet de votre image que vos destinataires ne peuvent pas obtenir uniquement à partir de la description.
• Tenez compte du contexte
  Le contexte est le plus important lorsque vous rédigez un texte alt pour une image. Comment l'image reste-t-elle liée au contenu ? Posez-vous des questions à vos destinataires sur l'image en fonction du contenu environ.
• Identifier les images décoratifes
  S'il s'agit d'une image uniquement décoratife, indiquez-la rapidement dans votre texte de modifier afin que les destinataires puissent déplacer l'image vers le reste de votre message. Par exemple, utilisez « image décoratife » pour votre texte alt.
• Testez votre contenu
  Certains e-mails clients n'affichent pas le texte alt pour une image associée, ou n'affichent pas le texte alt qui dépasse la largeur de l'image. Envoyez des e-mails test à différents clients et désactivez les images pour vérifier comment afficher votre texte alt.
  
  Visualiser et tester votre e-mail

Ajouter du texte alt aux images

Il existe plusieurs façons d'ajouter du texte alt aux images dans Mailchimp. La méthode que vous utilisez dépend de l'emplacement de votre image.

• D'un bloc de contenu d'image
• Dans les modèles avec codage personnalisé

D'un bloc de contenu d'image

Pour ajouter du texte alt à une image dans un bloc de contenu d’image, suivez les étapes ci-dessous.

1. Cliquez sur le bloc d'image que vous souhaitez utiliser.
2. Dans le panneau latéral, entrez votre alt dans le champ indiqué.
   
   Si vous utilisez l'outil de création d'origine, cliquez sur le lien Alt dans le panneau d'édition, entrez votre texte dans le champ indiqué, puis cliquez sur Mettre à jour .
3. Cliquez sur Enregistrer et quitter . Si vous utilisez l'outil de création d'origine, cliquez sur Enregistrer.& Fermer .

Tout est prêt ! Vos abonnés ne peuvent désormais plus accéder à votre contenu, même s'ils ne peuvent pas voir vos photos.

Dans les modèles avec codage personnalisé

Si vous codez vos propres modèles, vous devrez inclure un attribut alt pour chaque image utilisée. Insérez l'attribut alt à l'intérieur du tag d'image et entrez votre texte alt.

Votre code doit correspondre à quelque chose comme ceci.

<img alt="Importé d'une personne tenant un petit pot d'argile estampillé du logo du Planteur. » alignement="none" resolution="400" src="https://gallery.mailchimp.com/example .jpg" style=" aura : 600px; hauteur : 400px; marge : 0px;" largeur="600" />