Créer un e-mail accessible pour tous
Dans un monde où la communication digitale occupe une place centrale, garantir l'accessibilité de vos communication emails pour tous devient une nécessité.
Concevoir des emails accessibles signifie les rendre lisibles, compréhensibles et utilisables par tous, notamment vos profils en situation de handicap, âgés ou ceux qui consultent leurs messages sur mobiles.
Un email qui n'est pas accessible pour tous, représente une opportunité manquée. En effet, rendre vos communications accessibles, c'est :
- Toucher une audience plus large en incluant tous les profils, sans en exclure une partie.
- Faire preuve d'inclusivité et de responsabilité sociale, en répondant aux besoins de tous vos profils.
- Améliorer vos performances : des emails accessibles sont souvent synonymes d'un meilleur taux d'ouverture et de clics.
- Respecter les obligations légales, (notamment le European Accessibility Act, qui impose des standards pour les communications digitales dès la fin du mois de juin 2025.)
- S’aligner sur les pratiques de conception modernes, telles que le mobile-first, les interfaces vocales et l'expérience utilisateur centrée sur l'humain.
En tant que marketeur, créer des messages accessibles ne signifie pas seulement suivre une exigence réglementaire, c'est aussi maximiser l'impact de vos campagnes et garantir que votre message atteigne l'ensemble de votre audience.
Afin de vous aider à rendre vos communications accessible à toute votre audience, voici quelques principes que vous pouvez implémenter dès maintenant dans vos campagnes.
Donner un texte descriptif à vos visuels (ALT text)
Lorsque que vous ajoutez des images ou des boutons CTA à votre communication, assurez-vous d' y inclure un texte alternatif (ALT texte).
Ce texte doit être suffisamment descriptif afin de permettre aux profils qui s'appuient sur un lecteur d'écran ou qui n'ont pas accès à vos images de comprendre le but et contenu de vos visuels.
Nommer clairement vos liens hypertextes
Tout comme pour les images, vos liens hypertextes doivent se trouver derrière un texte qui a du sens pour vos lecteurs. Le but est d'éclairer vos profils sur le but poursuivi derrière ces liens. Dans la mesure du possible éviter également d'utiliser un texte vague ou des liens répétitifs qui ne permettent d'expliquer clairement la redirection du lien.
Utilisez un texte clair, comme par exemple 'Découvrez notre catalogue d'été' au lieu de 'En découvrir plus'.
Veiller à la lisibilité de votre texte
Pour votre corps de texte, veillez à faire principalement attention à :
-
La police de caractères : évitez d'utiliser des polices de caractères trop décoratives ou avec empâtements qui peuvent nuire à la lisibilité. Privilégiez des polices qui facilite la lecture, notamment les polices dites sans-serif (par ex : Arial ou Helvetica).
-
La taille du texte : pour une lisibilité optimale, il est recommandé d'utiliser une taille de caractère de minimum 16 px.
-
Le style d'écriture : éviter d'écrire des mots/pans de texte en lettre capitale, car cela peut compliquer la lecture de votre contenu.
-
L'alignement : pour des soucis de lisibilité, alignez votre corps de texte à gauche et évitez de l'aligner au centre ou de le mettre en justifié.
Dans l'éditeur e-mail Actito, la taille de caractères par défaut pour les paragraphes est de 14px. Si vous le souhaitez, vous pouvez augmenter cette taille à 16px pour l'ensemble de votre e-mail via le menu de style global.
Jouer avec les contrastes de couleurs
Afin de faciliter la lecture de vos messages pour les profils ayant des déficiences visuelles ou troubles de la vision, veillez à utiliser des couleurs suffisamment contrastées entre-elles pour l'arrière-plan et la couleur de texte. Cette règle s'applique également pour distinguer le premier et l'arrière-plan de votre message.
Il est recommandé d'utiliser un taux de contraste minimum de 4,5:1 entre vos couleurs pour assurer la bonne visibilité de votre message.
Pour savoir si le contraste est suffisant (conforme aux directives WCAG), n'hésitez pas à vérifier le taux de contraste de votre e-mail.
Bien que la couleur soit généralement utilisée pour véhiculer du sens, ne comptez pas uniquement sur elle pour communiquer des informations importantes. Utilisez des labels, du texte, des motifs ou des icônes, en plus de la couleur pour vous assurer que les bonnes informations soient transmises à toute votre cible.
Structurer votre HTML (sémantiquement)
Si vous codez ou importez votre propre HTML pour rédiger vos campagnes, utilisez la bonne sémantique et structurez votre HTML : employez les tags <h1>, <h2>, <p>, et <ul> pour définir correctement la structure de votre e-mail.
Assurez-vous également d'inclure une déclaration de langue (par ex : <html lang="en">).
Cette approche permet au lecteur d'écran de naviguer et interpréter votre contenu de manière précise. Le rendant ainsi accessible à tous.
Utiliser une sémantique HTML propre et une bonne structure, vous aide à passer les filtres anti-spam et améliore ainsi votre délivrabilité. De plus, une bonne structure, signifie également une meilleure lisibilité pour tous et donc un taux de clics et d'ouvertures supérieur.