Comment créer des e-mails pour tout le monde en 3 étapes faciles : enregistrement du webinaire + questions-réponses

L'accessibilité des e-mails a été élue l'une des tendances de conception d'e-mails les plus en vogue de 2019 et est désormais une priorité pour la majorité des marques. Mais il est également vrai que de nombreux spécialistes du marketing ne savent pas par où commencer pour rendre leurs e-mails plus inclusifs.

La mise en œuvre des meilleures pratiques d'accessibilité est plus facile que vous ne le pensez. Dans ce webinaire, les experts en accessibilité de Litmus, Jason Rodriguez et Alice Li, parcourent les statistiques et les recherches qui prouvent qu'investir dans l'accessibilité en vaut la peine et partagent les 3 étapes que vous devrez suivre pour créer un meilleur courrier électronique pour tout le monde.

Vous n'avez pas eu la chance de regarder le webinaire en direct ? Ne t'inquiète pas. Vous pouvez accéder à l'enregistrement complet à tout moment et lire les questions-réponses ci-dessous.

Questions et réponses

Un grand merci à tous ceux qui ont répondu au webinaire avec une question ! Voici un récapitulatif de nos réponses aux questions les plus courantes, ainsi que notre point de vue sur certaines des questions auxquelles nous n'avons pas répondu lors du webinaire en direct. Vous avez des questions supplémentaires ? Veuillez les laisser dans les commentaires.

Comment expliquez-vous les limitations cognitives ?

Bettina : Il existe de nombreux types de handicaps cognitifs, des difficultés à mémoriser des choses ou à prêter attention à la dyslexie ou à l'autisme. Chacune de ces conditions est unique, mais suivre les conseils de la section rédaction et conception de ce webinaire contribuera grandement à rendre vos e-mails plus accessibles aux personnes ayant des limitations cognitives. Par exemple, gardez votre copie de courrier électronique claire et concise et évitez l'utilisation de mots difficiles ou de jargon. Gardez vos mises en page simples et développez une hiérarchie visuelle claire qui permet à vos abonnés d'analyser facilement votre courrier électronique et de comprendre rapidement ce qui est important (et ce qui ne l'est pas).

Quel est le lecteur d'écran le plus utilisé ? Comment le testez-vous ?

Alice : Les deux lecteurs d'écran les plus populaires sont NVDA et JAWS . NVDA est un outil gratuit et open source développé par NV Access. C'est une organisation incroyable qui consacre son travail à rendre la technologie plus accessible aux personnes malvoyantes. JAWS est un outil de lecture d'écran par abonnement populaire.

Si vous ne voulez pas installer de logiciel pour comprendre comment votre e-mail sonnerait sur un lecteur d'écran, vous pouvez utiliser Litmus pour cela ! Nous avons récemment intégré NVDA dans Litmus, vous pouvez donc désormais écouter un aperçu audio de votre e-mail directement dans la liste de contrôle Litmus. En savoir plus .

De plus, tous les systèmes d'exploitation modernes offrent également un certain type de support de lecture d'écran natif. Sur Mac par exemple, c'est ça VoiceOver .

Quelles sont les marques qui font un excellent travail en optimisant leurs e-mails pour l'accessibilité ? J'aimerais un peu d'inspiration !

Jason : L'un de mes préférés est deque . Ils font beaucoup de formation sur l'accessibilité, ont un blog incroyable et de bons courriels ! Leurs e-mails ne suivent pas seulement les meilleures pratiques en matière d'accessibilité, mais proposent également un excellent contenu qui vous aide à en apprendre davantage sur le sujet. Vous devriez vous inscrire à leur newsletter !

Au risque de paraître vaniteux, j'ai été très impressionné par le travail qu'Alice et l'équipe de messagerie ont fait sur la newsletter Litmus . Non seulement il est magnifiquement conçu, mais ils ont déployé beaucoup d'efforts pour le rendre accessible en fonction des meilleures pratiques décrites dans Le guide ultime de l'accessibilité des e-mails.

Avez-vous un aperçu de la différence entre des outils comme « Alexa » ou « Siri » des autres lecteurs d'écran ? Ou la fonctionnalité « lecture à haute voix » d'Outlook ?

Jason : Dans un récent épisode du podcast Delivering, j'ai plongé dans les assistants vocaux. J'ai découvert qu'Alexa est la seule qui lit vraiment votre e-mail, mais elle ne lira que le texte HTML, en ignorant les attributs alt, les tableaux ou tout autre élément HTML. C'est différent de la façon dont un lecteur d'écran traiterait les e-mails. Les assistants vocaux sont orientés vers la commodité, pas nécessairement vers l'accessibilité, ils ne fonctionnent donc pas de la même manière qu'un lecteur d'écran complet comme le fait NVDA, par exemple. Dans de nombreux cas, vous avez toujours besoin de votre téléphone ou de votre ordinateur portable pour naviguer dans le contenu, l'assistant vocal ne fait que vous aider. Pour un aperçu complet de la façon dont Alexa, Google Home, Siri et Cortana gèrent les e-mails, connectez-vous à cet épisode de podcast.  

Et les GIF animés ? Les utiliser ou pas ? Est-ce qu'ils causent des problèmes pour les lecteurs ?

Alice : Vous pouvez les utiliser, mais faites attention à la façon dont. Les animations peuvent déclencher des crises d'épilepsie photosensibles , vous ne voudrez donc jamais inclure un GIF trop discordant ou clignotant. Vous ne voulez pas non plus inclure d'informations cruciales comme la copie dans vos GIF. La copie cachée dans votre GIF n'est pas accessible aux lecteurs d'écran - et elle ne s'affichera pas dans les clients de messagerie où les images sont désactivées - vous risquez donc de perdre des parties cruciales de votre messagerie.

Où puis-je trouver des exemples de modèles d'e-mails accessibles ?

Jason : Il existe tellement de modèles gratuits, mais peu d'entre eux sont optimisés pour l'accessibilité ! C'est pourquoi nous avons récemment créé quatre nouveaux modèles qui suivent les meilleures pratiques en matière d'accessibilité, et ils sont disponibles gratuitement dans la communauté Litmus . Consultez nos modèles si vous souhaitez créer…

• Bulletins accessibles
• Notes personnelles accessibles
• Courriels transactionnels accessibles
• Annonces de produits accessibles

Quel est l'impact de l'utilisation des emojis sur l'accessibilité ?

Jason : Bien que la plupart des lecteurs d'écran comprennent les emojis et puissent les lire, ce n'est peut-être pas l'expérience optimale pour les utilisateurs. Ecoutons NVDA lire cet exemple de ligne d'objet avec un emoji :

La plus grosse vente de l'année

Vous pouvez entendre à quel point un emoji sonne décousu à côté du texte. Bien que les emojis soient désormais monnaie courante et que les utilisateurs de technologies d'assistance soient probablement habitués à les entendre, cela peut toujours sembler gênant en fonction de l'emoji. Comme tout autre élément ou copie dans un e-mail, le meilleur moyen de voir s'il fonctionne ou non est de le tester et d'écouter votre e-mail à l'aide d'un outil comme NVDA ou le vérificateur d'accessibilité Litmus.

Dois-je également appliquer « rôle = présentation » aux DIV ?

Alice : Non ! role="presentation" est uniquement destiné à dire aux lecteurs d'écran d'ignorer la signification sémantique des balises, les tableaux en ont donc besoin car les données tabulaires telles que les graphiques nécessitent toutes les informations sur les colonnes et les lignes pour que les gens puissent les parcourir et les comprendre correctement. Dans les e-mails, les développeurs s'appuient souvent sur des tableaux pour la présentation plutôt que sur des données tabulaires, c'est pourquoi les tableaux l'exigent. Les DIV, en revanche, n'ont pas de signification sémantique qui devrait être remplacée pour les lecteurs d'écran.

Pour les clients qui insistent pour utiliser des e-mails basés sur des images, existe-t-il des bonnes pratiques à suivre ?

Bettina : C'est dur ! Il existe d'innombrables raisons pour lesquelles l'envoi d'e-mails contenant uniquement des images est une idée horrible. Donc, dans un premier temps, faites tout votre possible pour convaincre votre client que cette approche s'accompagne d'une expérience d'abonné horrible. Notre article de blog sur les raisons pour lesquelles vous ne devriez pas envoyer d'e-mails contenant uniquement des images contient de nombreuses informations et astuces pour vous aider à défendre votre cause.

S'il n'y a aucun moyen de mettre votre client sur la bonne voie, tout ce que vous pouvez faire est d'optimiser votre vue hors image avec du texte ALT ( vous pouvez même styliser ce texte ALT ) et d'utiliser des boutons pare-balles pour qu'au moins vos CTA fonctionnent toujours lorsque les images sont désactivées.

L'utilisation de polices Web a-t-elle un impact sur l'accessibilité ?

Alice : Du point de vue du code, ça ne devrait pas. Du point de vue de la conception, cela signifie que vous devez toujours vous assurer que la police Web et sa sauvegarde Web sécurisée répondent aux normes de rapport de contraste pour être lisibles. Par exemple, si votre police Web est plus épaisse que la version de secours, assurez-vous simplement que la version de secours passe également les scores de rapport de contraste, car la version de secours est ce que les utilisateurs, disons, Gmail, pourraient voir à la place.

Le seul changement que nous n'avons pas apporté à notre modèle de code est l'utilisation de l'élément sémantique pour les en-têtes ou les paragraphes. Nous stylisons actuellement la cellule du tableau pour le texte. Quels problèmes cela peut-il poser pour l'accessibilité ?

Alice : Je suppose que le tableau qui enveloppe le texte a déjà son rôle défini sur « présentation » ou « aucun » pour limiter les bruits inutiles du lecteur d'écran. Ainsi, à part ce problème, ne pas utiliser les balises de titre/paragraphe correctes présenterait un problème de navigation pour les appareils fonctionnels, car certaines technologies permettent aux utilisateurs de passer d'un titre à l'autre (et ses paragraphes associés) comme s'il s'agissait d'une table des matières.

Les caractères spéciaux, tels que les apostrophes bouclées, les guillemets, les esperluettes, etc., peuvent-ils être lus par les lecteurs d'écran ?

Alice : Ça dépend. Les esperluettes sont souvent lues comme « et ». Les guillemets et les apostrophes bouclées sont ignorés comme la façon dont quelqu'un pourrait ne pas les prononcer en lisant quelque chose à voix haute. D'autres caractères spéciaux sont considérés au cas par cas, comme les puces sont lues comme « puce ». Je recommanderais généralement de toujours tester pour être sûr.

Des suggestions sur la mise en forme du texte uniquement pour l'accessibilité ? J'utilise plusieurs pauses "=" ou "-" entre les sections. Comment sont-ils traités ?

Alice : Les tirets et les traits de soulignement n'ont pas tendance à être lus, donc c'est bien. Cependant, les lecteurs d'écran liront le signe « égal », je recommanderais donc de l'éviter.