Erreurs d’accessibilité des emails qui agacent les abonnés et comment les corriger
L’accessibilité des emails est un concept assez simple : toute personne qui reçoit votre email doit pouvoir le lire et interagir avec. Tout le monde. Y parvenir, cependant, est un peu plus compliqué, c’est pourquoi tant d’entreprises ont du mal à faire les choses correctement.
Mais elles doivent y parvenir. Pourquoi ? Plus de 12 millions de personnes rien qu’aux États-Unis présentent une forme de déficience visuelle, y compris le daltonisme. La déficience auditive est le troisième problème chronique le plus signalé chez les personnes âgées, mais 65 % des personnes souffrant de perte auditive n’ont pas encore l’âge de la retraite. Et jusqu’à 10 % de la population mondiale est dyslexique.
Avec des millions de personnes confrontées à des expériences email loin d’être idéales, les entreprises et les équipes de développement qui se démarquent par l’accessibilité prospéreront dans les années à venir. Cela demande un effort supplémentaire, mais cela en vaut la peine.
Voici quelques raisons pour lesquelles vos emails pourraient être inaccessibles à certains abonnés. La plupart sont liées à des déficiences visuelles, l’un des besoins d’accessibilité les plus courants.
Contraste de couleurs illisible
Les normes WCAG recommandent un ratio de contraste minimal de 4,5:1 pour le texte numérique. Si votre arrière-plan n’est pas blanc, vous devez sélectionner avec grand soin les couleurs de votre texte, de vos boutons et des autres éléments. Il est très difficile de distinguer le premier plan de l’arrière-plan lorsqu’il s’agit de nuances similaires, il est donc préférable d’associer la couleur à d’autres repères visuels tels que des icônes ou du texte.
Même si vous utilisez un arrière-plan blanc, vous pouvez tout de même nuire à la lisibilité. L’utilisation de jaune et de vert pur pour le texte dérangera tout le monde, même les abonnés ayant une vision parfaite. Cela s’explique par un ratio de contraste très faible sur du blanc, inférieur à 2:1. Le noir sur blanc offre le contraste le plus élevé, à savoir 21:1. C’est peut-être « ennuyeux », mais c’est de loin le plus facile à lire. En fin de compte, qu’est-ce qui compte le plus ?
Mais si vous ressentez le besoin d’utiliser du texte coloré, ou si votre texte ou vos boutons changent de couleur au survol, choisissez judicieusement. Utilisez un outil de test d’accessibilité comme celui d’Email on Acid, Campaign Precheck. Le contraste des couleurs est l’un des aspects de l’accessibilité des emails testé par Campaign Precheck, vous saurez ainsi si vous envoyez un email avec du texte difficile à lire.
Polices microscopiques ou « créatives »
Vous pourriez être tenté d’utiliser des polices amusantes ou loufoques si la charte graphique de votre marque le permet – les thèmes d’Halloween sont réputés pour cela. Mais ce n’est plus amusant si personne ne peut vous lire, et le déchiffrage de polices fantaisistes est toujours plus difficile sur un écran que sur du papier, particulièrement sur de petits écrans.
Optez pour des polices simples et lisibles plutôt que pour des polices manuscrites ou thématiques (les lettres qui ressemblent à des dinosaures ou qui semblent tout droit sorties d’une demande de rançon ne sont peut-être pas le meilleur choix). Les polices sans empattement comme Arial ou Helvetica sont souvent privilégiées.
Utilisez également des polices dont la taille est supérieure à 14 px. Là encore, les petites polices sur écran sont plus difficiles à lire pour tout le monde. Pour les personnes souffrant d’une déficience visuelle, même partielle, cela demande trop d’efforts et elles finiront par abandonner.
Texte trop condensé
Un interligne (l’espacement des lignes) et un espacement des lettres (crénage) insuffisants, ou de gros blocs de texte sans paragraphes ni espaces blancs, rendent les emails denses et difficiles à parcourir et à lire.
Au lieu de gros blocs, divisez le texte en petits paragraphes et utilisez des en-têtes sémantiques et des listes à puces ; cette structure améliore non seulement l’engagement, mais permet également aux lecteurs d’écran de traiter et de parcourir le contenu de l’email plus efficacement.
Langage complexe
L’utilisation de phrases trop complexes, de jargon ou de paragraphes longs et denses rend le contenu plus difficile à lire et à comprendre pour tout le monde, en particulier pour les personnes souffrant de déficiences cognitives ou neurologiques.
Un niveau de lecture équivalent à la fin du collège est recommandé pour une accessibilité maximale.
Ne pas utiliser le HTML sémantique
Les lecteurs d’écran sont des outils utilisés pour aider les personnes souffrant de déficiences visuelles ou d’autres troubles cognitifs à lire et à interagir avec le contenu en ligne. Ils ne s’adressent pas uniquement aux personnes aveugles, mais également à celles souffrant d’affections telles que le glaucome et la cataracte. Mais vous devez proposer un contenu accessible pour que le lecteur d’écran offre une bonne expérience à l’abonné, et le HTML sémantique est la clé pour y parvenir.
Le HTML sémantique indique à un lecteur d’écran comment interpréter divers éléments tels que les en-têtes, les boutons et les paragraphes.
L’utilisation de balises sémantiques telles que
,
,
Avec des en-têtes, il est possible d’accéder plus rapidement aux différentes sections. D’autres balises, telles que et C’est l’une des expériences les plus agaçantes et l’une des pires erreurs que vous puissiez commettre dans un email. D’une part, de nombreuses personnes ayant une vision normale configurent leur client de messagerie pour ne pas afficher les images. Ainsi, si vous envoyez un email qui n’est qu’une image, elles ne verront rien en l’ouvrant. C’est problématique. Mais au-delà de cela, les emails uniquement composés d’images sont parmi les plus inaccessibles que vous puissiez envoyer, car les lecteurs d’écran ne peuvent lire aucun des contenus de l’image (à moins d’utiliser un texte alternatif, ce dont nous parlerons un peu plus loin). Ainsi, si vous concevez un magnifique visuel rempli de texte, d’images et d’un CTA, toute personne utilisant un lecteur d’écran passera complètement à côté de votre message. Difficile de faire pire lorsque l’objectif est de faire du marketing par email. Assurez-vous plutôt que vos informations les plus importantes soient intégrées sous forme de texte brut. Utilisez toujours du texte brut pour les informations importantes et les éléments interactifs. Vous pouvez bien sûr inclure des images pour souligner des points clés ou attirer l’attention sur des éléments spécifiques. Vous pouvez même trouver le moyen de répéter avec goût votre appel à l’action à la fois dans le texte et sur les images. Mais si vous ne deviez en choisir qu’un, optez toujours pour le texte brut. Posez-vous cette question : « Si aucune de ces images ne se charge et qu’il ne me reste que le texte, mon message sera-t-il toujours compris ? » Un outil de vérification de l’accessibilité des emails, comme celui d’Email on Acid, peut également vous aider à repérer les lacunes. Les emails composés uniquement d’images sont une chose. Mais si vous intégrez des images dans vos emails, vous devez tout de même vous assurer que vos messages clés et vos CTA apparaissent également dans la partie texte. Pourquoi ? Car si le CTA n’apparaît que dans l’image, toute personne utilisant un lecteur d’écran ne le verra pas. Si elle ne le voit pas, elle ne pourra pas cliquer dessus. Il n’y a donc aucun problème à placer un CTA sur l’image pour capter l’attention des autres, mais vous devez également l’insérer ailleurs dans l’email où tout le monde sera certain de le voir. Et cela vaut pour tout autre message ou élément textuel critique que vous souhaitez que tout le monde voie. Et pendant que nous y sommes, même si vous intégrez des messages sur des images, n’oubliez pas le contraste des couleurs. En général, il est risqué de combiner du texte avec des images, à moins de le faire de manière très subtile. Tout comme pour les images, le contraste des couleurs sur les boutons est une cause fréquente d’une mauvaise accessibilité des emails. La couleur du bouton, celle du texte qui s’y trouve et celle de l’arrière-plan fonctionnent ensemble pour offrir une expérience de lecture facile ou, au contraire, frustrante. Les boutons dont le contraste des couleurs est insuffisant, qui sont trop petits ou qui manquent de signification sémantique claire (par exemple, utiliser `role= »button »` pour les lecteurs d’écran) entravent l’interaction pour les utilisateurs souffrant de déficiences motrices ou utilisant un lecteur d’écran. Il est courant d’afficher les liens dans des couleurs différentes de celles du reste du texte. Mais pour les abonnés atteints d’une forme de daltonisme, cela augmente le risque qu’ils ne voient pas le lien. Les liens qui ne se distinguent pas clairement du texte environnant, que ce soit par la couleur (sans contraste suffisant) ou par un soulignement, peuvent passer inaperçus. Le daltonisme rouge-vert est la forme la plus courante, mais il en existe d’autres. Pour éviter cela, utilisez d’autres repères visuels, comme le soulignement, l’ajout d’astérisques autour du lien, ou l’utilisation de flèches ou d’autres éléments graphiques pour attirer l’attention. L’utilisation de phrases génériques telles que « Cliquez ici » ou « En savoir plus » comme texte d’ancrage d’hyperlien ne fournit aucun contexte sur la destination pour les personnes utilisant un lecteur d’écran, qui naviguent souvent via une liste de liens. Les personnes qui s’appuient sur des lecteurs d’écran ne pourront pas voir vos images. Alors, que pouvez-vous faire ? La seule façon de contourner ce problème est de rédiger un texte alternatif pour chaque image. Sans cela, elles pourraient tout aussi bien être invisibles pour une personne malvoyante. Le texte alternatif décrit l’image, mais vous devez fournir suffisamment de détails pour que l’abonné comprenne clairement ce qu’elle représente et, s’il y a du texte, ce qu’il indique. Pourquoi cela ne résout-il pas le problème des emails composés uniquement d’images mentionné précédemment ? Car si l’intégralité de l’email est une image, le texte alternatif devrait essentiellement exprimer l’ensemble du message de l’email contenu dans l’image. Si c’est ce que vous comptez faire, pourquoi ne pas tout simplement… l’écrire dans l’email. Le texte alternatif n’est pas conçu pour accueillir l’intégralité du message d’un email. De plus, ce n’est pas l’endroit pour être verbeux, vous pouvez donc éviter les phrases redondantes comme « image de » dans le texte alternatif ou le corps du texte. Pour les emails contenant du contenu vidéo, l’omission de sous-titres ou de transcriptions crée des obstacles majeurs pour les personnes sourdes ou malentendantes. Joindre des documents qui ne sont pas accessibles (par exemple, des PDF sans balisage approprié, texte alternatif ou ordre de lecture logique) peut empêcher les personnes utilisant des technologies d’assistance d’accéder à des informations importantes. Bien qu’attrayantes, un trop grand nombre d’animations peut distraire et désorienter, en particulier les personnes souffrant de troubles cognitifs ou d’une sensibilité au mouvement. L’accessibilité des emails ne concerne pas seulement les déficiences visuelles. Si vous avez des segments d’emails incluant des personnes parlant différentes langues, quelle sera l’expérience d’une personne de ce segment si elle utilise également un lecteur d’écran ? Vous pouvez indiquer à un lecteur d’écran dans quelle langue l’email est rédigé, ce qui influencera la manière dont il lit l’email à l’abonné. C’est un autre détail qu’il est facile de négliger. C’est une autre action effectuée par Email on Acid et son outil d’accessibilité de manière automatique, vous n’avez donc jamais à vous en soucier. Le rendu est généralement affreux, alors ne le faites tout simplement pas. C’est plus difficile à lire pour tout le monde. Mais le texte centré, en particulier lorsqu’il s’agit de paragraphes entiers, est particulièrement difficile à lire pour les personnes dyslexiques. Le texte aligné à gauche est généralement privilégié, car il crée un bord gauche rectiligne où les premières lettres de chaque ligne s’alignent, ce qui rend l’email plus facile à lire. Cet alignement aide les abonnés à repérer rapidement où commence chaque ligne, ce qui réduit l’effort de lecture, y compris pour les personnes dyslexiques ou malvoyantes. Vous voulez quand même utiliser du texte centré ? Essayez de le limiter aux titres ou à des phrases courtes et indépendantes. Si vous utilisez des tableaux dans vos emails pour la mise en page sans ajouter l’attribut role= »presentation », les lecteurs d’écran peuvent les interpréter à tort comme des tableaux de données et lire tout le code HTML à haute voix, ce qui rend l’expérience déroutante pour les abonnés utilisant des technologies d’assistance. L’ajout de role= »presentation » indique aux lecteurs d’écran de traiter le tableau uniquement comme un élément de mise en page visuelle, ce qui améliore considérablement l’accessibilité. Là encore, cela touche bien plus de personnes que celles souffrant d’une déficience visuelle. Toute personne qui demande à Siri ou Alexa de lui lire ses emails saura si vous commettez cette erreur. Les lecteurs d’écran et vocaux s’appuient sur des objets d’email et des en-têtes clairs pour indiquer le sujet de l’email. L’utilisation d’objets d’email vagues ou accrocheurs comme « C’est votre jour de chance… » ou « Les détails à l’intérieur ! » peut être déroutante et frustrante – en particulier pour les personnes souffrant de troubles cognitifs, de pertes de mémoire ou de dyslexie – car ces phrases ne fournissent aucun contexte significatif, ce qui rend plus difficile pour les abonnés de décider s’ils souhaitent interagir avec l’email. Tout d’abord, ne laissez jamais l’objet de l’email vide et ne laissez pas le texte de l’en-tête se remplir automatiquement. Cela n’inspirera personne, qu’il s’agisse de lecture ou d’écoute. Soyez plutôt intentionnel dans ce que vous rédigez. Même si vous pensez que ce que vous avez écrit ne mérite pas de prix, des études montrent une augmentation des taux d’ouverture de 3 à 8 % lorsque vous incluez le moindre texte d’en-tête intentionnel. Pour les objets d’email, optez pour quelque chose d’excitant et d’engageant, mais ne soyez pas malhonnête ou trop mièvre (à moins que ce ne soit l’image de votre marque, bien sûr !). Les abonnés ont appris à se méfier des pièges à clics et des titres sensationnalistes. Et si vous promettez quelque chose que l’email ne contient pas, le taux de clics de votre prochain email en souffrira… tout comme votre délivrabilité. Ne perdez pas d’espace avec une simple répétition de l’objet de l’email. Le texte de l’en-tête doit plutôt compléter l’objet. Par exemple, si l’objet de l’email pose une question, le texte de l’en-tête pourrait commencer à y répondre. Besoin d’inspiration : découvrez cinq idées de texte d’en-tête d’email pour commencer. Ne pas tester vos campagnes d’emailing en gardant l’accessibilité à l’esprit, que ce soit en utilisant des outils ou en simulant des technologies d’assistance, signifie que des problèmes potentiels passent souvent inaperçus avant d’atteindre les abonnés. Personne ne peut devenir un expert en accessibilité du jour au lendemain, mais la simple résolution des problèmes de base vous donnera une longueur d’avance sur beaucoup de professionnels du secteur. Un bon point de départ consiste à comprendre à quel point vos emails actuels sont faciles à consulter. Cela vous donne une base de référence sur laquelle vous appuyer pour vous améliorer. Mais essayer de comprendre les choses par vous-même est non seulement plus fastidieux, mais laisse également beaucoup de place à l’erreur. Comme pour tout ce qui concerne l’efficacité des emails, trouver les bons outils est essentiel. L’outil Campaign Precheck d’Email on Acid est conçu pour identifier immédiatement les problèmes potentiels et proposer des solutions instantanées. Et l’accessibilité des emails figure en haut de la liste. Non seulement cela vous aidera à déterminer ce qui nécessite plus de travail, mais vous aurez également la certitude que tout est parfait au moment où vous appuyez sur envoyer. En savoir plus sur l’outil Campaign Precheck d’accessibilité des emails et comment il vous aide à envoyer des emails conformes aux normes ADA. Comme vous l’avez peut-être déjà compris, la création d’emails entièrement accessibles – pour tout le monde – va bien au-delà de la simple utilisation de couleurs faciles à lire. Plus vous ajoutez d’éléments à vos emails, plus vous risquez de créer un problème d’accessibilité pour certains de vos abonnés. Vous souhaitez en savoir plus sur l’accessibilité des emails ? Inscrivez-vous à notre newsletter pour recevoir les meilleurs conseils et astuces dans votre boîte de réception.Envoyer des emails composés uniquement d’images
Noyer le texte clé dans les images
Boutons difficiles à lire
Liens invisibles
Texte de lien non descriptif
Images invisibles – aucun texte alternatif
Vidéos sans sous-titres ni transcriptions
Pièces jointes inaccessibles
Animations excessives ou sources de distraction
Lire des emails en espagnol avec un accent anglais
Centrer tout votre texte
Ne pas coder correctement les tableaux
Objets d’email et en-têtes manquants ou peu clairs
Ne pas tester l’accessibilité de vos emails
Conclusion
