Accessibilité numérique pour les spécialistes du marketing, partie 3 : e-mail, contenu social et référencement
Publié: 2022-08-04Le travail d'un spécialiste du marketing ne se limite pas à la maintenance d'un site Web convivial. Les professionnels du marketing utilisent également diverses stratégies et canaux pour acquérir du trafic sur le site Web. Peu importe si vous avez le site le plus incroyable de la planète - si personne ne le visite, vous pouvez aussi bien avoir l'un de ces sites Angelfire datant d'environ 1997 (vous vous en souvenez ?) pour tout ce qui compte.
Cette série de trois articles a pour but de vous présenter quelques pratiques fondamentales que vous pouvez commencer à mettre en œuvre immédiatement pour rendre votre contenu numérique plus accessible.
Notre article précédent sur l'accessibilité numérique pour l'expérience utilisateur et les sites Web s'est penché sur les fonctionnalités et les techniques de marketing de sites Web ; cet article passera en revue les canaux et supports externes ainsi que la manière de les tester, en commençant par le courrier électronique. Vous pouvez également consulter le premier de cette série en trois parties pour un aperçu des problèmes d'accessibilité.
E-mail accessible
Le marketing par e-mail est l'un des outils les plus critiques de la boîte à outils d'un spécialiste du marketing. Les entreprises utilisent le courrier électronique à des fins transactionnelles (réflexion, confirmations de commande) et promotionnelles, ainsi que pour le support client. Vous auriez du mal à trouver aujourd'hui une entreprise à l'aise avec le numérique qui ne profite pas de ses nombreux avantages.
Pourtant, bien que pratiquement toutes les organisations utilisent le courrier électronique pour communiquer avec leurs clients, clients et prospects, elles ne garantissent pas toutes que les courriers électroniques qu'elles envoient sont accessibles.
HTML contre e-mails en texte brut
Si votre entreprise envoie des e-mails en texte brut, il y a de fortes chances qu'ils soient accessibles. Si le texte de votre lien n'est pas descriptif (voir le post précédent pour plus d'informations à ce sujet), il peut être légèrement plus difficile pour une personne handicapée de comprendre l'essentiel du message, ce n'est pas une barrière impossible.
Le problème est que la plupart des spécialistes du marketing adorent les e-mails HTML. Et qu'est-ce qu'il ne faut pas aimer ? Vous pouvez les personnaliser en fonction de votre marque, les remplir d'images glorieuses et de GIF accrocheurs, et créer un e-mail plus attrayant que ce que vous pourriez obtenir avec un e-mail en texte brut vanille. De plus, maintenant que les cookies tiers appartiennent au passé, le courrier électronique connaît rapidement une résurgence en tant que grande tendance du marketing numérique.
Ce n'est pas le problème ici. Le problème est que lorsque vous commencez à embellir vos e-mails et que vous ne tenez pas compte de l'accessibilité, certains utilisateurs peuvent ne pas être en mesure d'obtenir une compréhension complète (ou dans le pire des cas, ne pas être en mesure de comprendre quoi que ce soit).
Les e-mails HTML sont similaires aux pages Web dans le sens où ils utilisent des balises d'en-tête et d'image et un style pour s'afficher sur une plate-forme de messagerie. Les e-mails en texte brut ne sont que cela : du texte brut. Pour que les e-mails HTML soient accessibles, vous devez suivre les mêmes directives que pour les sites Web.
Le problème des mises en page basées sur des tableaux
La plupart des e-mails HTML sont structurés à l'aide de balises de tableau, car ils offraient l'apparence la plus cohérente pour les e-mails affichés dans plusieurs clients de messagerie. Mais la balise table n'était pas réellement destinée à être utilisée de cette manière ; comme beaucoup d'autres techniques de conception de sites Web, les concepteurs de sites Web les ont détournées à leurs propres fins. Cela pose cependant un problème aux utilisateurs de lecteurs d'écran, car un lecteur d'écran lira toujours le contenu des tableaux en tant que cellules individuelles, ce qui créera une expérience utilisateur décousue.
Cependant, vous pouvez contourner cela en ajoutant un petit extrait de code à votre code HTML. Ajoutez simplement role="presentation" pour alerter ces utilisateurs qu'il s'agit de tableaux de présentation et non d'un tableau de données.
Le rôle de présentation masque la structure du tableau aux lecteurs d'écran tout en laissant le contenu à l'intérieur du tableau inchangé. Pour un utilisateur de lecteur d'écran, il apparaîtra comme s'il n'y avait pas de tableau au départ.
Ne soyez pas avare avec vos tags
Ce n'est pas parce que vous créez un e-mail que les règles de code ordonné disparaissent. Assurez-vous que vos en-têtes sont utilisés correctement (par exemple, utilisez le H1 pour le titre, H2/H3 pour les sous-en-têtes, etc.) afin que chacun, quelles que soient ses capacités visuelles, puisse saisir l'essentiel de votre contenu dans une lecture logique. ordre. Tirez parti des balises de titre ici aussi, pour fournir un contexte supplémentaire.
Le texte alternatif compte ici aussi !
Si votre client de messagerie demande à l'utilisateur de cliquer pour télécharger des images, vous avez peut-être rencontré ce qui suit : Vous ouvrez un e-mail avec beaucoup de cases vides et seulement des morceaux de texte pour expliquer ce qui se passe. Dès que vous cliquez sur "Télécharger les images" et que les visuels apparaissent, les pièces du puzzle se mettent en place, mais jusqu'à ce moment, vous êtes complètement confus.
Malheureusement, ce sera une expérience quotidienne (ou horaire) pour les utilisateurs de lecteurs d'écran si les spécialistes du marketing négligent d'inclure du texte alternatif pour les visuels. Alors rendez-leur service et incluez-le pour les images de courrier électronique. Pour les images décoratives, utilisez l'attribut alt vide.
Meilleures pratiques d'accessibilité mobile
Comme les gens lisent de plus en plus leurs e-mails sur leurs appareils mobiles, il est devenu plus essentiel de concevoir en gardant cette considération à l'esprit. Idéalement, les directives pour une meilleure expérience mobile coïncident avec l'accessibilité. Par exemple:
- Essayez de garder votre texte au-dessus de la police 14px - si les gens ne peuvent pas lire votre message sur mobile, ils ne le liront pas du tout
- Conservez votre contraste de couleurs aux directives acceptées, ce qui permet aux personnes ayant toutes les capacités visuelles de consommer plus facilement votre contenu
- Évitez les paragraphes alignés au centre (beaucoup plus difficiles à lire, surtout sur un petit appareil)
- Rendre le texte du lien informatif et court
Une expérience multimédia inclusive
Les multimédias tels que les vidéos et les podcasts sont d'excellents atouts pour les spécialistes du marketing pour aider à accroître la notoriété de la marque, générer de l'intérêt pour les produits et se connecter avec leur public cible. La bonne nouvelle est que a) il est assez facile de rendre un contenu comme celui-ci accessible, et b) lorsque vous le rendez accessible, cela peut améliorer l'expérience pour tout le monde.
Vidéos accessibles
Une personne malvoyante ne pourra pas voir entièrement ce qui se passe à l'écran, tandis qu'une personne malentendante ne pourra pas entendre le dialogue. Vous pouvez ajouter des sous-titres pour accommoder les téléspectateurs sourds ou malentendants. YouTube générera automatiquement des sous-titres, mais ils ne sont pas de la meilleure qualité. Il est généralement préférable de faire des folies sur un service de sous-titrage s'il s'agit d'une longue vidéo ou de corriger manuellement les sous-titres générés automatiquement s'ils sont courts. L'un des avantages du sous-titrage est qu'il peut aider les personnes qui voient parfaitement. Avez-vous déjà été dans une salle d'attente ou un aéroport et avez-vous souhaité pouvoir entendre ce que disaient les gens sur une télévision en sourdine ? Ou peut-être qu'un ami publie une vidéo sur les réseaux sociaux que vous mourrez d'envie de regarder, mais que vous êtes dans un lieu public sans casque. Le sous-titrage résout ces deux problèmes et rend le contenu accessible aux personnes ayant une déficience visuelle.
Les personnes malvoyantes pourront entendre le dialogue, mais peuvent manquer des zones clés d'une vidéo s'il n'y a pas de narration pour les cas où personne ne parle. C'est là que les descriptions audio sont utiles. Les descriptions audio sont une narration de ce qui se passe à l'écran. Regardez la vidéo ci-dessous pour un exemple :
La vidéo ne joue pas ? Regardez-le sur YouTube.
Lorsque Netflix a lancé les descriptions audio, elles ont été un tel succès qu'elles ont décidé de tester un mode audio uniquement qui permettrait aux utilisateurs d'économiser sur l'utilisation des données tout en se bousculant.
Transcriptions pour le contenu audio
Les relevés de notes sont très utiles pour les personnes ayant toutes sortes de handicaps. Les utilisateurs de lecteurs d'écran et les personnes ayant des difficultés auditives peuvent les parcourir sans avoir à parcourir toute la vidéo (une fonctionnalité dont les personnes non handicapées peuvent également profiter !).
Certains éléments sont entièrement basés sur l'audio. Un podcast, par exemple, serait totalement inutile pour quelqu'un qui ne pourrait pas l'entendre ; une transcription le rend accessible. Le DMI fournit des transcriptions pour chaque podcast, comme cet épisode sur Making Live Theatre Work Online.
Le moyen le plus simple d'ajouter une transcription à votre site est sous forme de fichier texte téléchargeable et si vous affichez également le texte sur la page, cela aidera vos efforts de référencement.
PDF (formats de documents portables)
L'inclusivité n'est pas la seule raison pour laquelle vous devez vous assurer que votre PDF est accessible ; c'est aussi bénéfique pour le référencement. Si un lecteur d'écran peut le lire, un robot d'exploration Web peut l'explorer, renvoyant à Google des signaux précieux concernant le contenu de votre site Web.
Certains logiciels sont mieux équipés que d'autres pour convertir des documents en PDF accessibles. Microsoft a été particulièrement attentif à l'accessibilité, alors que d'autres entreprises l'ont dépriorisée, et cela se voit dans le niveau d'effort requis pour créer des PDF accessibles.
Programmes Microsoft
Microsoft Word a une option Créer un PDF sous son en-tête de menu Acrobat ; cela convertira automatiquement votre fichier en un PDF accessible. Vous pouvez utiliser la même option pour convertir des présentations PowerPoint en PDF. (Notez que vous devez toujours ajouter du texte alternatif aux images avant de convertir votre fichier en PDF.) Utilisez le vérificateur d'accessibilité natif (situé sous l'élément de menu Révision ) avant de transformer vos fichiers en PDF.
Utilisation d'Adobe Acrobat pour créer des PDF accessibles
La conversion d'autres formats de fichiers en PDF accessibles nécessite un peu plus d'efforts. Par exemple, les fichiers de conception (comme ceux créés sur le logiciel Adobe) nécessiteront quelques manipulations avant et après avoir transformé le fichier en PDF.
Adobe Acrobat Pro dispose d'une fonction native de vérification de l'accessibilité qui aidera à détecter certaines erreurs, mais le travail nécessaire pour terminer le processus à l'aide des fonctionnalités d'accessibilité d'Acrobat peut être difficile et il est préférable de le laisser aux pros.
Tester l'accessibilité des PDF
Il est sage de tester l'accessibilité des PDF avec un lecteur d'écran ou à l'aide d'un outil comme JAWS Inspect. Indépendamment de ce qu'un vérificateur d'accessibilité natif vous dira à propos d'un PDF, exposer votre fichier à un utilisateur réel ou à un proxy est le meilleur moyen de confirmer son accessibilité.
SO (optimisation pour les moteurs de recherche) et accessibilité
Ce qui est bon pour le référencement est également bon pour l'accessibilité. Les lecteurs d'écran sont similaires aux robots d'exploration Web : les deux ne peuvent lire que le contenu d'un site mis à leur disposition. Cela signifie que les PDF inaccessibles, les images sans texte alternatif, les multimédias sans transcription, etc., sont tous effectivement invisibles. Ils ne pourront lire que le nom du fichier. Votre site Web pourrait manquer des opportunités incroyables de se classer simplement à cause de ses éléments inaccessibles.
Il existe d'autres meilleures pratiques de référencement qui convergent avec les directives d'accessibilité, telles que l'utilisation de structures d'en-tête appropriées et séquentielles et d'un texte de lien descriptif. Pour plus d'informations sur ce sujet, consultez notre article de blog sur la façon dont le référencement aide à l'accessibilité et vice versa.
Tester l'accessibilité de vos supports marketing
Les tests d'accessibilité sont aussi critiques que vos efforts pour rendre vos actifs accessibles en premier lieu. Bien qu'il soit admirable de viser l'accessibilité, tant que vous n'avez pas vérifié que votre contenu est réellement accessible, vous n'avez combattu que la moitié de la bataille.
De plus, tester et documenter vos résultats sera avantageux pour votre entreprise si jamais vous devenez la cible d'un procès et vous aidera à identifier les tendances pour arrêter les problèmes d'accessibilité à la source.
Vous pouvez consulter le site Web de TGPi pour plus de détails sur leurs outils de test.