Accessibilité du Web pour les sites de marketing

Le marketing existe pour atteindre les gens, et un site inaccessible exclut discrètement une population importante: les personnes utilisant des lecteurs d’écran, les personnes naviguant à l’aide du clavier, les personnes ayant une basse vision, les daltonismes, les déficiences auditives, les tremblements ou les différences cognitives et d’attention. Au-delà du cas de l’audience, l’exposition juridique autour de l’accessibilité numérique est réelle et croissante, et le chevauchement entre la conception accessible et la bonne utilisation est énorme. Ce guide traduit les normes en pratiques de site marketing : ce que les principes signifient, ce qui résout le plus important et comment garder les campagnes accessibles aux mouvements de marketing rapide.

Les principes derrière les normes

Les directives d’accessibilité du contenu Web organisent tout sous quatre mots, et les mots sont un modèle mental utilisable.

Perceptible et opérable

Percevable signifie qu’aucune information n’est verrouillée dans un seul sens: les images portent des alternatives de texte, les vidéos portent des légendes, la couleur n’est jamais le seul signal et le contraste est suffisant pour la basse vision. Fonctionnel signifie qu’aucune interaction ne nécessite une capacité spécifique : tout ce qui est accessible par le clavier seul, pas de pièges, suffisamment de temps, des cibles assez grandes pour frapper, et rien qui clignote dangereusement. La plupart des échecs de site de marketing vivent dans ces deux premières catégories.

Compréhensible et robuste

Compréhensible couvre le langage lisible, la navigation prévisible et les formulaires qui identifient clairement les erreurs et expliquent comment les corriger. Robuste signifie que le balisage est suffisamment solide pour que les technologies d’assistance, les lecteurs d’écran, les loupes, la commande vocale puissent l’interpréter de manière fiable. Les niveaux de conformité existent dans la norme, et le niveau intermédiaire, AA, est la référence commune en droit, en approvisionnement et en politique, ce qui en fait l’objectif par défaut raisonnable pour les propriétés de marketing.

Les solutions qui déplacent le plus l’aiguille

Auditer tout site de marketing et les mêmes violations mènent la liste. La résolution de ce cluster permet de résoudre la majorité des problèmes d’impact réel sur l’utilisateur.

Images, médias et couleurs

Donnez à chaque image informative un texte alternatif qui transmet sa fonction dans le contexte, le point de l’image, et non un inventaire littéral, et marquez les images décoratives afin que les lecteurs d’écran les ignorent. Les vidéos sous-titrées, un avantage qui s’étend à chaque spectateur sonnant hors tension dans un train, et fournissent des transcriptions pour l’audio. Vérifiez le contraste du texte par rapport aux arrière-plans, en particulier les boutons de couleur de la marque et les héros de texte sur photo qui aiment les tendances de conception, et ne codez jamais le sens uniquement en couleur: associez-le avec des étiquettes, des icônes ou des motifs.

Structure et navigation

Utilisez une hiérarchie de titres réelle, un titre de niveau supérieur, des niveaux imbriqués dans l’ordre, car les utilisateurs du lecteur d’écran naviguent en fonction des titres de la façon dont les utilisateurs voyants analysent visuellement. Écrivez du texte de lien qui décrit les destinations; une page de liens « en savoir plus » est navigable hors contexte. Assurez-vous que les indicateurs de focus visibles du clavier survivent au restyle de la marque et laissez les utilisateurs du clavier ignorer la navigation répétée. Ce sont des habitudes structurelles, presque libres au moment de la rédaction et coûteuses à moderniser.

Formes, la surface critique de conversion

Chaque entrée a besoin d’une étiquette attachée par programme, les espaces réservés ne sont pas des étiquettes, les erreurs doivent être annoncées, identifiées spécifiquement et expliquées de manière constructive, et les champs obligatoires doivent être indiqués au-delà de la couleur. Les formulaires accessibles sont le plus pur chevauchement de la conformité et de la conversion : la même ambiguïté qui bloque un lecteur d’écran frustre tout le monde, et les corrections de formulaires améliorent régulièrement les taux de complétion dans l’ensemble du public.

Le mouvement, les popups et l’économie de l’attention

Les carrousels à lecture automatique, les arrière-plans animés et les interruptions modales sont autant de dangers pour l’accessibilité que de plaintes d’utilisation : fournissez des contrôles de pause, respectez les préférences de mouvement réduit, rendez chaque superposition du clavier admissible et assurez-vous que le focus entre et sort correctement des dialogues. L’instinct marketing pour le mouvement qui attire l’attention a une version accessible; il doit simplement être construit sur un but.

Marketing accessible au-delà du site Web

Les surfaces de campagne extérieures au site comportent les mêmes obligations et opportunités.

Email et landing pages à la vitesse de la campagne

Les ressources de campagne sont construites rapidement et sautées par la revue le plus souvent. Mettez en ébullition l’accessibilité dans les modèles : structure de titre, champs de texte alt traités comme requis, styles de boutons à contrôle de contraste et mises en page à colonne unique qui refoulent. Un modèle accessible par défaut rend chaque future campagne accessible par défaut, ce qui est la seule approche qui survit à la pression des délais.

Pratiques de contenu social

Les plateformes sociales prennent en charge les descriptions d’images et les légendes sur les vidéos sont des enjeux pour les flux sonores. Écrivez du texte alternatif lors de la planification de messages visuels, utilisez des mots en majuscules dans des hashtags multi-mots afin que les lecteurs d’écran les analysent et évitez les polices unicode stylisées qui se lisent comme du charabia pour les technologies d’assistance. Les équipes qui publient via une plateforme de gestion comme le planificateur de réseaux sociaux SocialBlaze peut faire des descriptions d’images un champ standard dans le flux de travail de composition, transformant l’accessibilité d’un test de mémoire par post en un processus par défaut sur tous les réseaux.

Documents et documents téléchargeables

Les PDF, les decks et les rapports en grille nécessitent le même soin : texte réel plutôt que des images de texte, structure balisée et ordre de lecture. Un rapport phare inaccessible sape le site accessible qui le promeut.

Auditer et réparer ce qui existe

La plupart des équipes commencent avec un arriéré de dettes existantes. Approchez-vous systématiquement.

Combinez tests automatisés et humains

Les scanners automatisés détectent peut-être un tiers des problèmes, manquent de texte alternatif, échouent en contraste, étiquetent les lacunes, à moindre coût et en continu; les exécuter dans le pipeline de construction et selon un calendrier. Le reste nécessite des humains : une visite guidée de chaque voyage critique, un lecteur d’écran qui transmet les modèles de clés et des tests de zoom à grossissement élevé. L’élément d’audit le plus précieux est le test effectué par des personnes qui utilisent réellement la technologie d’assistance quotidiennement; leurs cinq premières minutes réorganiseront votre carnet de commandes.

Prioriser par voyage, pas par le nombre de pages

Corrigez les chemins où l’exclusion coûte le plus cher : page d’accueil, navigation, recherche, pages de produits et de prix, formulaires, paiement ou flux d’inscription. Un blog parfait avec un formulaire d’inscription inutilisable a ses priorités inversées. Dans les voyages, fixez les bloqueurs, les choses qui arrêtent l’achèvement de la tâche, avant les ennuis.

Prévenir la régression structurelle

Les retours sur dettes, sauf si le système change : composants accessibles dans le système de conception, critères d’acceptation incluant l’accessibilité, déploiements de contrôles automatisés et formation des créateurs de contenu qui ajoutent les images et les liens de demain. Un réviseur ayant une accessibilité réduite dans le processus de conception empêche plus de violations que n’importe quel correctif de nettoyage trimestriel.

L’affaire, clairement

L’investissement en matière d’accessibilité élimine toutes les justifications auxquelles les budgets de marketing sont confrontés.

Retours d’audience et d’expérience

Les utilisateurs handicapés, les utilisateurs vieillissants, les utilisateurs limités, la lumière du soleil, l’utilisation d’un téléphone à une main, les environnements bruyants et les utilisateurs sur des appareils contraints bénéficient tous du même travail. Les améliorations d’accessibilité sont des améliorations de la convivialité avec un rayon de tir plus large, et elles sont systématiquement corrélées avec de meilleures mesures d’engagement et de réalisation pour tout le monde.

Recherche et performance adjacence

La structure accessible est une structure lisible par machine: les titres appropriés, les liens descriptifs, le texte alternatif et le balisage sémantique s’alignent étroitement avec ce que les moteurs de recherche analysent et récompensent. Les disciplines se renforcent mutuellement, et les équipes qui construisent des sites accessibles ont tendance à hériter de sites plus propres, plus rapides et mieux indexés.

Réduction des risques

Les plaintes juridiques concernant des biens numériques inaccessibles sont une réalité établie et croissante dans de nombreuses juridictions. Un programme documenté, une norme, des audits, un historique des mesures correctives, une déclaration d’accessibilité avec un canal de rétroaction opérationnel, réduisent la probabilité de plaintes et démontrent de la bonne foi à leur arrivée. Le coût du programme est une fraction du coût de la réparation liée au litige sur le calendrier de quelqu’un d’autre.

Écrire pour l’accessibilité, pas seulement construire pour elle

Beaucoup de conseils d’accessibilité ciblent le code et la conception, mais les mots eux-mêmes portent une grande part de l’expérience, et les écrivains les contrôlent.

Le langage clair est une fonctionnalité d’accessibilité

L’accessibilité cognitive bénéficie de phrases courtes, de points à l’avant, de verbes concrets et de jargon utilisés uniquement lorsque le public en est propriétaire. Ce sont les mêmes qualités qui améliorent la copie de conversion pour tout le monde, ce qui fait du langage clair la condition rare sans compromis. Les contrôles de lecture dans la revue éditoriale prennent la dérive sans faire de contrôle.

La microcopie soulève des charges lourdes

Les messages d’erreur qui disent ce qui a mal tourné et comment le corriger, les étiquettes de bouton qui décrivent l’action plutôt que d’afficher « soumettre », le texte du lien qui nomme sa destination et les instructions positionnées avant le champ qu’ils régissent : chacun est une petite décision d’écriture qui détermine si un utilisateur de technologie d’assistance complète le voyage. Vérification microcopie comme son propre laissez-passer; il se cache des examens au niveau de la page.

Le texte alternatif est un travail éditorial

Un bon texte alternatif répond “que dirais-je de cette image si je lisais la page à haute voix à quelqu’un?” C’est contextuel : une même photo produit nécessite différentes descriptions sur une page de catégorie et dans un guide des tailles. Gardez-le concis, sautez “image de”, transmettre la fonction pour les images fonctionnelles, et laisser des fioritures décoratives marquées comme telles. Mettre du texte alternatif dans le flux de travail du contenu, écrit par la personne qui a choisi l’image, produit des résultats nettement meilleurs que de le laisser à celui qui télécharge les fichiers en dernier.

Un programme que vous pouvez démarrer ce mois-ci

Semaine 1 : effectuez des scans automatisés sur vos meilleurs trajets et effectuez vous-même une visite guidée au clavier; l’expérience est convaincante. Deuxième semaine : corrigez les bloqueurs sur le chemin de conversion principal et les échecs de contraste dans vos styles de bouton et de texte principaux. Troisième semaine : modèles de réparation, email, page de destination et composition sociale par défaut, de sorte que de nouvelles sorties sont accessibles. Quatrième semaine : publiez une déclaration d’accessibilité avec une route de contact, ajoutez des vérifications à votre processus de déploiement et planifiez l’audit humain trimestriel. De là, il y a le maintien plus la culture : l’accessibilité comme exigence permanente, pas comme projet. L’audience que vous incluez est réelle, les gains d’expérience sont partagés par tout le monde et l’artisanat, une fois intégré dans les modèles et les habitudes, coûte remarquablement peu à supporter.