We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Comment pouvons-nous vous aider?
Parcourez nos articles d'aide, nos tutoriels en vidéo et nos guides de démarrage rapide.

Comptez sur nous. Nous avons le nécessaire. Parcourez notre base de connaissances pour rapidement trouver des réponses à vos questions en matière de marketing par e-mail.

Ajouter une légende à une image dans un e-mail

Article: 000017772
Updated: 2 avril 2024

Conseils pour créer des légendes d’images utiles afin que vos e-mails soient plus accessibles à vos destinataires équipés de lecteurs d’écran

Les légendes d’images sont utiles pour indiquer qui se trouve sur une photo ou expliquer sur ce qui se passe sur une image, mais elles sont également très utiles pour les personnes qui utilisent un lecteur d’écran pour lire votre e-mail.

 

Icône en forme d’ampouleLe saviez-vous ? Certains lecteurs d’écran peuvent être configurés pour récupérer les noms de fichiers des images. L’utilisation d’une combinaison du nom de fichier, de la description de l’image et d’une légende garantit que vos images sont vraiment accessibles à tous ceux qui reçoivent vos e-mails.

Conseils pour rédiger et créer un style pour les légendes d’images

Une bonne légende d’image est efficace, inclut des informations essentielles et ne se contente pas de reformuler le contenu textuel de votre e-mail.

  • Les légendes d’images doivent être formatées différemment du reste du texte, et le style choisi doit être utilisé de manière cohérente pour chaque image.
  • Si un texte est incorporé dans votre image, nous vous conseillons d’ajouter une légende avec le même texte, car les lecteurs d’écran ne peuvent pas reconnaître le texte lorsqu’il est superposé à une image.
  • Les légendes d’images ne comportent généralement qu’une phrase ou deux. Si vous avez besoin de plus d’espace pour donner de nombreuses informations sur le contenu d’une image, utilisez la légende de l’image pour lui donner un nom distinct, puis faites-y clairement référence dans le corps de votre e-mail.
  • Si une image n’a pas besoin de légende, ou si elle sert uniquement à apporter quelque chose sur le plan visuel, il sera plus judicieux d’inclure une description d’image et non une légende pour les lecteurs d’écran. Vous pouvez faire cela en modifiant l’image au sein du brouillon de votre e-mail ou dans la bibliothèque.

 

Ajouter une légende au-dessus ou au-dessous d’une image

L’ajout d’une légende au-dessus ou au-dessous d’une image est facile à réaliser avec un bloc Texte. Peu importe que votre image se trouve dans une colonne ou qu’elle occupe toute la largeur de votre modèle.

  1. Faites glisser un bloc Texte dans votre modèle. Utilisez les consignes roses pour vous aider à le placer au-dessus ou au-dessous de votre image.

    Glisser-déposer un bloc Texte sous une image
     
  2. Ajoutez votre texte de légende.
  3. Utilisez la barre d’outils pour créer le style de votre texte de légende.

    Image de texte de légende sous une image avec la barre d’outils Texte
     

 

Ajouter une légende à gauche ou à droite d’une image

Utilisez un bloc Article pour ajouter des légendes sur le côté d’une image. Il existe plusieurs styles différents, et l’image peut être déplacée de manière à se trouver à gauche ou à droite du bloc.

  1. Faites glisser l’un des blocs Article dans votre modèle.

    Onglet Build (Créer), section Layouts (Mises en page), et bloc Article avec bordure glissé-déposé dans le modèle
     
  2. Ajoutez votre image dans l’espace réservé.
  3. Ajoutez et créez un style pour votre texte de légende, et supprimez le titre et le texte de lien par défaut.

    Onglet Images, image glissée-déposée dans le modèle, et texte de la légende de l’image avec la barre d’outils texte développée
     
  4. Faites glisser un bloc Espacement au-dessus du texte de la légende. Augmentez ou diminuez l’épaisseur de l’espacement pour centrer votre légende.

    Onglet Build (Créer), Bloc d’espacement glissé-déposé au-dessus du texte de la légende de l’image
     
  5. Ajustez la taille de l’image et la largeur de la colonne pour trouver le bon équilibre. 

    Bloc Article avec poignée de déplacement pour redimensionner l’image et poignée de déplacement pour la largeur de la colonne
     

 

Ajouter une légende à une image entourée de texte

Lorsque vous ajoutez du texte autour d’une image, il est un peu plus difficile d’ajouter une légende, mais vous pouvez le faire avec un bloc Espacement et un bloc Texte au-dessus de l’image.

  1. Ajoutez un bloc Texte au-dessus de l’image. Utilisez les lignes roses pour vous assurer qu’il s’étend sur toute la largeur du modèle.

    Glisser-déposer un bloc Texte dans un modèle d’e-mail
     
  2. Ajoutez un bloc Espacement au-dessus de votre image et à côté du bloc Texte pour créer une nouvelle colonne.

    Glisser-déposer le bloc Espacement dans le modèle, à côté du bloc Texte
     
  3. Remplacez le texte par défaut par une légende et utilisez la barre d’outils pour donner un style au texte.
  4. Ajustez la largeur du bloc Texte pour que la légende soit alignée avec votre image. L’idéal est de garder le texte sur une seule ligne.
  5. Réduisez l’épaisseur de votre espacement pour éviter tout vide lorsque votre contenu s’empile sur un appareil mobile.

    Poignée de déplacement pour la largeur de la colonne et poignée de déplacement pour l’épaisseur de l’espacement
     
  6. Cliquez sur Prévisualiser et tester > Aperçu.

    Menu déroulant Preview & Test (Prévisualiser et tester) développé et option Preview (Aperçu)
     
  7. Cliquez sur l’onglet Mobile pour vous assurer que tout s’aligne comme vous le souhaitez. Les colonnes s’empilent de gauche à droite. Ainsi, si votre image se trouve sur le côté gauche de votre modèle, l’espacement s’empile au-dessus de la légende, tandis que la légende s’empile au-dessus de l’espacement lorsque l’image se trouve sur le côté droit.

    Superposition de la prévisualisation, onglet Mobile et contenu de l’e-mail avec espacement sur la légende et texte
     

 

Tous les liens et toutes les informations sur les produits et services de sites tiers n’appartenant pas à Constant Contact sont mis à votre disposition gracieusement par leur propriétaire et ne doivent en aucun cas être interprétés comme de la promotion de notre part.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Tous droits réservés · Constant Contact · Privacy Policy