Faites de l’accessibilité de vos emails votre résolution pour la nouvelle année

Aussi étrange que cela puisse paraître, l’accessibilité – ou le fait de rendre le contenu lisible pour l’ensemble des utilisateurs et utilisatrices, quelles que soient leurs capacités – est encore un concept récent sur le web et dans les emails. La bonne nouvelle, c’est que des entreprises comme Accessibe se donnent pour mission de rendre le web accessible d’ici 2025. La mauvaise nouvelle, c’est que cela signifie que l’accessibilité reste, pour de nombreuses organisations, encore trop compliquée et trop mal maîtrisée pour être intégrée dans les pratiques et qu’elle doit être déléguée à une entreprise tierce.

Vous vous demandez peut-être si vous avez vraiment besoin d’optimiser l’accessibilité de vos emails pour commencer. Tout d’abord, les problèmes d’accessibilité touchent plus de personnes que vous ne le pensez. Selon l’OMS, près d’un milliard de personnes (oui, plus d’une personne sur dix !) souffrent d’une déficience visuelle (comme la dyslexie ou le daltonisme), et nombre d’entre elles ont besoin de technologies d’assistance pour consommer du contenu.

Ensuite, ne pas proposer de version accessible de vos emails a un impact significatif sur votre lectorat, car il sera impossible pour certaines personnes d’exploiter les informations qu’ils contiennent. En termes de convivialité, c’est donc bien pire que d’avoir, par exemple, un email qui ne s’affiche pas au pixel près.

Si l’on considère les deux points précédents, puis le temps et les efforts que nous consacrons à optimiser nos emails simplement pour qu’ils s’affichent correctement dans Outlook.com, qui représente bien moins de 1 % du marché, il y a un problème de logique quand on choisit de faire l’impasse sur l’accessibilité.

Si l’argument éthique ne suffit pas, l’accessibilité s’avère également payante d’un point de vue commercial. Si vos emails ne sont pas accessibles, vous passez également à côté d’un public important.

Et si vous n’avez ni morale ni sens des affaires (généralement, on a au moins l’un des deux), sachez que des lois sont en cours d’adoption pour rendre l’accessibilité obligatoire.

Super, vous êtes encore là et, espérons-le, vous comprenez désormais la nécessité de l’accessibilité. Il semblerait que j’ai bien fait mon travail. Alors, que faut-il faire ? Lorsque nous parlons d’accessibilité, nous pouvons généralement diviser le problème en trois catégories.

Il y a beaucoup de choses qui peuvent être améliorées, mais nous allons nous concentrer ici sur les pratiques les plus simples à mettre en œuvre afin d’optimiser l’accessibilité de vos emails.

En général, votre email s’articule autour d’un contenu à partager. Vous pouvez (et devez) vous assurer que ce contenu est accessible en vérifiant, entre autres, les éléments suivants :

• L’objet et les liens sont descriptifs (évitez les CTA basiques du type « cliquez ici » ou « ouvrez-moi ») : les personnes qui doivent utiliser un lecteur de texte peuvent ainsi savoir facilement à quoi s’attendre.
• Le contenu est textuel : les images ne contiennent pas d’informations importantes et sont toutes accompagnées d’un texte alternatif (l’attribut « alt »). Et n’abusez pas des GIF !
• Chaque paragraphe traite d’un sujet particulier et reste court : c’est important non seulement pour les personnes qui doivent utiliser un lecteur de texte (celles-ci ne peuvent pas lire en diagonale et devront parcourir l’intégralité du texte), mais aussi pour les personnes dyslexiques et celles qui présentent d’autres troubles de l’apprentissage.
• Le contenu est facile d’accès : évitez les tournures de phrases alambiquées et privilégiez les mots simples.

Maintenant que vous avez le contenu parfait, vous voulez le rendre aussi beau que possible. C’est là que les choses peuvent se gâter. D’un point de vue du design, il est important de vous assurer que vous :

• Privilégiez un sens de lecture logique : de gauche à droite et de haut en bas. À moins que vous ne créiez un email pour Harlequin, vous pouvez vous passer du design en patchwork.
• Choisissez des polices suffisamment épaisses et grandes (taille supérieure à 14) : cela devrait être facile maintenant que vous avez raccourci votre contenu. De plus, n’oubliez pas d’augmenter l’interligne pour que le contenu ne soit pas trop serré et reste facile à lire.
• Évitez les paragraphes centrés et justifiés : privilégiez le sens de lecture naturel (de gauche à droite ou de droite à gauche selon la langue) et un espacement naturel entre les mots, qui ne soit pas étiré par la justification du texte.
• Utilisez un contraste fort : en prime, l’ensemble de vos utilisateurs et utilisatrices trouveront cela utile, car un contraste trop faible peut rendre la lecture difficile en fonction des conditions d’éclairage. Gardez également le mode sombre à l’esprit, car un nombre croissant de clients et de navigateurs en assurent désormais le support.
• Rendez les liens et les boutons faciles d’accès : assurez-vous que les liens sont soulignés et d’une couleur suffisamment contrastée, et qu’ils sont faciles à cliquer ou à toucher. À l’inverse, évitez de colorer et de souligner du texte qui n’est pas un lien.

Parfait, vous avez le contenu et le design, vous pouvez donc passer à la mise en œuvre et au codage. Pour ne pas gâcher tout le travail de notre équipe de rédaction et de design, vous devez :

• Respecter la sémantique HTML : les paragraphes sont présentés dans des sections organisées et précédés de titres descriptifs. Faire bon usage des balises

  et en particulier.

• Définir la langue de votre email avec l’attribut  lang : très facile à configurer, cela permettra aux lecteurs de texte de traiter le contenu correctement.
• Inclure l’attribut  role=presentation pour la balise HTML table : cela permet aux lecteurs de texte de comprendre qu’il s’agit d’un élément de présentation et non d’un tableau de données. 
• Proposer une version texte – et oui, comme de trop nombreux emails sont encore envoyés sans respecter toutes ces bonnes pratiques, de nombreux utilisateurs et utilisatrices préfèrent la version texte. Vous devriez pouvoir générer cette version automatiquement depuis votre plateforme de messagerie, vous n’avez donc aucune excuse pour ne pas le faire !

Oui, je sais, nous sommes tous et toutes très occupés, et l’accessibilité est encore une chose de plus à vérifier alors que vous passez déjà un temps fou à tester vos emails sur divers clients, dont Lotus Notes. Heureusement, il existe une application pour ça.

En fait, il existe de nombreux outils qui vous permettent de tester beaucoup de choses : lisibilité, sémantique, etc. Cependant, bien que ces outils fassent très bien leur travail, essayer de les intégrer dans votre processus peut s’avérer trop manuel et chronophage, et reste souvent une fausse bonne résolution (que vous ne tiendrez pas, je le sais).

Nous vous recommandons donc d’utiliser Accessible-email.org pour commencer. Cet outil analyse un fichier HTML et vous envoie une liste d’erreurs et de points à améliorer pour rendre l’email accessible. Il est donc extrêmement simple de l’intégrer à un flux de travail, aussi bien pour vérifier votre email avant de l’envoyer que pour mettre en œuvre les bonnes pratiques.

Si vous souhaitez en savoir plus, que ce soit parce que le sujet vous intéresse ou par crainte qu’une machine ne vous remplace, nous vous recommandons de consulter les checklists WCAG. Ces listes de contrôle sont organisées par niveau (débutant, intermédiaire, avancé) et constituent un excellent moyen d’améliorer vos compétences en matière d’accessibilité au fur et à mesure que vous les utilisez.

L’accessibilité des emails peut sembler difficile à mettre en œuvre au début, surtout si l’on considère l’ensemble des autres tâches de création et de test que vous effectuez avec vos emails. Mais en suivant les bonnes pratiques de design, de contenu et de codage, vous pouvez facilement créer des emails qui touchent chaque membre de votre public et lui offrent une excellente expérience utilisateur.

Nous espérons que cet article vous aidera à faire de l’accessibilité une priorité et que vous aurez compris que c’est à la fois important et pas si difficile à réaliser.

Auteur·trice: Nicolas Garnier Nicolas Garnier was a Product Manager at Sinch Mailjet and the creator of our open-source email coding framework, MJML. He's a true email geek and shares all his expertise around email development on the Mailjet blog.