Introduction
L’attribut `alt` est essentiel pour garantir l’accessibilité et la bonne compréhension de vos emails. Pour chaque visuel à caractère informatif, ajouter un texte alternatif via l’attribut `alt` est donc une bonne pratique, à la fois technique et inclusive.
À quoi sert l’attribut ALT ?
L’attribut 'alt' (pour « alternative ») permet d’ajouter un texte descriptif à une image. Ce texte est affiché si l’image ne peut pas se charger, et il est lu par les technologies d’assistance, type lecteurs vocaux d'ecran pour les personnes mal voyantes par exemples.
Comment ajouter une balise ALT à une image ?
Dans le cas d'un contenu de type HTML :
L'attribut 'alt' se positionne directement dans la balise <img> :
<img src="chemin_vers_votre_image.jpg" alt="Description de l’image ou de son rôle dans l’email">
Dans le cas d'un éditeur Drag & drop :
Dans Factorly, un champ dédié est disponible sur le composant image pour insérer ce texte alternatif facilement.
Bonnes pratiques
- Être concis et selon les besoins décrire ce que représente l’image ou à quoi elle sert.
Pour des soucis de bonne compréhension du message, une image décorative n'aura pas de texte alternatif.
Conclusion
Ajouter un attribut `alt` à vos images informatives est une étape simple mais précieuse pour rendre vos emails plus accessibles et compréhensibles. Évitez toutefois d’en mettre sur les images décoratives, car cela alourdit inutilement les lecteurs d’écran.