Comment rendre les sites Web WordPress accessibles

Cet article a été écrit par Amber Hinds, PDG d'Equalize Digital, une société certifiée B Corporation spécialisée dans l'accessibilité WordPress. Si vous souhaitez en savoir plus sur Equalize Digital et ses services, visitez le site Web de la société.

Des millions de personnes dans le monde ont un handicap qui affecte leur façon d'utiliser Internet, et après une pandémie qui a accru le besoin d'achats en ligne faciles, de commandes de nourriture et même de services de soins de santé à distance, l'accessibilité au Web est plus importante que jamais.

Ce guide de l'accessibilité Web explique ce qu'est l'accessibilité, pourquoi elle est importante et comment rendre les sites Web WordPress accessibles, y compris l'identification des problèmes courants par le biais de tests.

Dans cet article, je couvrirai :

• Qu'est-ce que l'accessibilité Web ?
• Pourquoi l'accessibilité est importante
• Quels sont les problèmes d'accessibilité courants ?
• Tester les sites Web WordPress pour l'accessibilité
• Garder un site web accessible

Qu'est-ce que l'accessibilité Web ?

En termes simples, les sites Web accessibles sont des sites Web qui peuvent être utilisés par tout le monde, y compris les personnes qui ne peuvent pas interagir avec le Web via une configuration typique de clavier et de souris, et celles qui présentent diverses différences intellectuelles ou physiques.

Des fonctionnalités spécifiques doivent être intégrées aux sites Web pour les rendre utilisables et compréhensibles pour les personnes handicapées. Les troubles auditifs, visuels, cognitifs, moteurs ou d'apprentissage nécessitent des aménagements et des modifications du site Web pour les rendre utilisables. Selon leur situation, les personnes handicapées utilisent divers dispositifs d'assistance, tels que des lecteurs d'écran, pour accéder aux sites Web.

Les concepteurs et développeurs Web doivent s'assurer que le contenu et les fonctionnalités de leurs sites Web sont perceptibles, utilisables, compréhensibles et robustes (POUR), ce qui signifie que le contenu et les fonctionnalités peuvent être consultés et compris par toutes les personnes sur tous les appareils.

Voici quelques exemples de fonctionnalités qui rendent les sites Web plus accessibles :

• sous-titres codés et transcriptions pour les fichiers vidéo et audio
• texte alternatif sur les images
• ignorer les liens pour faciliter la navigation au clavier
• contraste de couleur approprié pour rendre le texte plus lisible

Pourquoi l'accessibilité est importante

L'accessibilité du site Web a un impact sur tous ceux qui utilisent le Web. Si vos sites Web ou ceux de vos clients sont accessibles, cela garantit à tous un accès égal aux informations en ligne, aux produits de première nécessité, aux divertissements, aux achats et plus encore, quelle que soit leur capacité.

Mais l'accessibilité du site Web n'est pas seulement une question de bon karma ; il a également des effets réels sur les classements des moteurs de recherche, les nouvelles ventes et les visiteurs du site Web, les complications juridiques et l'image de marque.

Classement des moteurs de recherche

L'application de correctifs d'accessibilité peut améliorer le classement d'un site Web dans les moteurs de recherche. De nombreuses fonctionnalités d'accessibilité telles que le texte alternatif sur les images et le contenu correctement structuré avec des titres contribuent à la fois à l'accessibilité et à l'optimisation des moteurs de recherche (SEO). Un classement plus élevé sur une page de résultats de recherche peut augmenter la visibilité auprès de nouveaux clients ou clients, entraînant une augmentation du trafic sur le site Web, des conversions, des abonnés au blog ou à la newsletter, etc.

Augmentation des ventes

Le CDC déclare qu'en 2018, 1 Américain sur 4 a un handicap. Les Américains handicapés ont dépensé plus de 200 milliards de dollars en dépenses discrétionnaires en ligne chaque année. Les fonctionnalités d'accessibilité permettent à davantage de personnes de trouver et d'utiliser des sites Web, ce qui augmente les opportunités de nouvelles ventes, de conversions et de clients réguliers. Lorsque de nombreux sites Web ne sont pas accessibles dans le monde d'aujourd'hui, tout site Web accessible se démarquera de la concurrence.

C'est légalement requis

Tous les sites Web doivent respecter les normes d'accessibilité Web définies dans l'Americans with Disabilities Act (ADA). En vertu de l'ADA, un précédent juridique a été établi qui établit les sites Web comme des lieux d'hébergement public. Cela signifie que les sites Web des entreprises, qui sont essentiellement leurs vitrines numériques, doivent être rendus accessibles de la même manière qu'un bâtiment d'entreprise de brique et de mortier doit être rendu accessible.

Les sites Web des agences gouvernementales locales, étatiques et fédérales et tous les sites Web d'organisations et de projets financés par le gouvernement fédéral doivent également respecter les normes de la section 508. De plus, il existe une variété de lois nationales et internationales qui exigent que les sites Web soient accessibles.

Si un site Web ne répond pas aux exigences d'accessibilité énoncées dans ces directives, l'organisation peut s'exposer à une poursuite ou, dans certains cas, à une amende gouvernementale. Selon Usablenet, en 2020, 3 550 poursuites pour accessibilité de sites Web ont été déposées aux États-Unis. Le maintien de la conformité légale est un élément important de la conduite des affaires, et avoir un site Web accessible est un moyen pour les entreprises de respecter leurs obligations légales.

Image de marque

Les entreprises et les organisations à but non lucratif qui prennent des mesures pour rendre leurs sites Web WordPress plus accessibles montrent qu'elles pratiquent la responsabilité sociale et affirment qu'elles veulent faire d'Internet un endroit pour tous. Un engagement organisationnel envers l'accessibilité montre aux gens qu'on se soucie d'eux d'une manière profondément humaine, ce qui fidélise et peut rehausser l'image de la marque.

Quels sont les problèmes d'accessibilité courants ?

Mon entreprise, Equalize Digital, est une société de conseil en accessibilité qui effectue des audits d'accessibilité sur les sites Web d'entreprises, d'organisations à but non lucratif et d'agences gouvernementales. Dans tous nos tests, nous constatons que de nombreux problèmes d'accessibilité se répètent sur tous les sites Web. Ces problèmes courants sont des problèmes relativement simples à résoudre, mais sont généralement négligés par les développeurs, les concepteurs et les créateurs de contenu.

Si vous voulez vous assurer que les sites Web que vous créez ou gérez sont accessibles, commencez par vérifier les problèmes suivants :

Texte alternatif manquant ou de mauvaise qualité

Le texte alternatif est ce que les lecteurs d'écran utilisent pour décrire le contenu ou l'objectif d'une image aux personnes aveugles. Si le texte alternatif est laissé vide, un lecteur d'écran l'ignorera entièrement ou pourra lire le nom de fichier de l'image à la place, ce qui n'est pas utile lorsque le nom de fichier est une chaîne de chiffres ou n'est pas descriptif de l'apparence. Sans texte alternatif approprié, les utilisateurs aveugles et malvoyants n'auront aucun contexte ni aucune compréhension d'une image.

Un texte alternatif de mauvaise qualité est problématique car il ne décrit pas l'image avec précision ou est trop verbeux et peut prêter à confusion. Il n'est pas nécessaire d'ajouter des mots et des expressions tels que « image », « image », « graphique de », « image de » au texte alternatif, car le lecteur d'écran annoncera la présence d'une image ou d'un graphique.

Si vous avez un texte alternatif de plus de 125 à 150 caractères, certains lecteurs d'écran se coupent et arrêtent la lecture. L'ajout de points dans le texte alternatif peut provoquer une pause des lecteurs d'écran, ce qui risque de dérouter les auditeurs ou de les amener à croire que le texte alternatif est terminé.

Contraste de couleur insuffisant

Dans la conception Web, le contraste des couleurs fait référence à la mesure de la luminosité entre la couleur d'arrière-plan et les éléments colorés tels que le texte, les boutons ou les icônes. Les couleurs d'arrière-plan et de premier plan doivent avoir un rapport de 4,5:1 pour que le texte de taille standard soit considéré comme suffisant. Vous pouvez tester votre contraste de couleur en entrant les codes hexadécimaux des deux couleurs dans un vérificateur de contraste de couleur gratuit.

Texte d'ancrage ambigu

Le texte d'ancrage est un mot cliquable ou un groupe de mots sur une page Web. Cliquer sur le texte d'ancrage peut vous amener à un nouveau site Web, télécharger un document, ouvrir une image ou une vidéo dans un nouvel onglet. Le texte d'ancrage est considéré comme ambigu s'il n'a pas de sens hors contexte ou ne décrit pas l'objectif du lien. Certains exemples de texte d'ancrage ambigu incluent "lien", "cliquez ici", "en savoir plus" ou "continuer". Lors de l'ajout de liens vers du contenu, il est essentiel que, si quelqu'un n'entendait que le lien indépendamment (sans aucun texte environnant), il sache où pointe le lien ou ce qui se passera lorsque le lien sera cliqué.

Légendes et transcriptions manquantes

Les sous-titres prennent le contenu parlé et le contenu non parlé, comme les effets sonores, la musique ou les rires d'une vidéo, et le décrivent via du texte. Ils apparaissent à l'écran pendant une vidéo, afin que les utilisateurs sourds et malentendants puissent comprendre ce qui se passe dans la vidéo. De plus, les sous-titres doivent correspondre au timing de la vidéo. Il est important de noter que les légendes doivent être exactes ; les sous-titres générés automatiquement doivent être vérifiés pour leur exactitude.

Une transcription est un enregistrement écrit de ce qui est dit dans un clip audio ou pendant une vidéo. Les transcriptions fournissent un moyen secondaire de comprendre le contenu vidéo ou les fichiers audio. Ils doivent être utilisés avec les sous-titres d'une vidéo afin que les gens puissent lire la transcription plutôt que de regarder la vidéo. Ceci est important car tous les utilisateurs ne peuvent pas lire les sous-titres. Les transcriptions offrent également l'avantage d'être facilement traduites dans d'autres langues et peuvent aider le référencement.

Tester l'accessibilité des sites Web WordPress

La meilleure façon de tester l'accessibilité des sites Web consiste à effectuer une combinaison de tests automatisés, manuels et utilisateur.

Tests d'accessibilité automatisés

Des tests d'accessibilité automatisés sont effectués avec des outils d'analyse de l'IA. Il existe de nombreux outils gratuits et payants qui peuvent offrir une variété de fonctionnalités d'analyse d'accessibilité. Lorsque vous choisissez un outil automatisé, voici quelques éléments à garder à l'esprit :

• La taille du site Web. Si vous avez un site Web plus petit, un outil gratuit peut fonctionner pour vous. Si vous avez un site Web plus grand, comme un site avec un blog ou une section de commerce électronique avec des milliers de messages, un outil payant sera probablement plus approprié.
• De quel soutien avez-vous besoin. Si vous avez besoin d'aide pour trouver des erreurs d'accessibilité sur votre site Web afin de pouvoir les corriger, des outils gratuits peuvent être une excellente option. Si vous avez besoin d'aide pour comprendre les erreurs d'accessibilité ou si vous souhaitez que quelqu'un d'autre les corrige, essayez de trouver un outil avec des options de support intégrées ou proposées par les développeurs. Avoir un support disponible est essentiel si vous débutez dans la correction de l'accessibilité.
• Expérience utilisateur. Certains outils d'accessibilité automatisés peuvent être utilisés directement sur votre site Web, par exemple via une extension de navigateur ou dans le tableau de bord WordPress. D'autres outils vous obligent à utiliser une interface entièrement distincte de votre site Web. Si vous souhaitez voir les erreurs d'accessibilité lorsque vous travaillez sur votre site Web, choisissez un outil qui propose des rapports sur site. Cela vous permet de vérifier en permanence l'accessibilité de votre site Web plus facilement tout en modifiant le contenu du site.

Deux outils gratuits populaires qui peuvent être utilisés sur n'importe quel site Web sont WAVE et Axe. Ces outils ont tous deux des extensions Chrome et Firefox disponibles pour tester des URL uniques, une à la fois, et des plans payants qui permettent des tests en masse et des fonctionnalités supplémentaires.

Plugin WordPress Vérificateur d'accessibilité

Si vous souhaitez exécuter des analyses d'accessibilité en masse et voir des rapports dans le tableau de bord WordPress, le plugin WordPress Accessibility Checker est le meilleur outil. Vous pouvez télécharger gratuitement la version de base du plugin sur WordPress.org.

Le vérificateur d'accessibilité analyse les pages et les publications à la recherche d'erreurs d'accessibilité ou de problèmes potentiels et les affiche directement sur l'écran d'édition de cette page ou de cette publication. Ces rapports sur la page sont utiles non seulement pour vérifier si le site Web est accessible en premier lieu, mais également pour surveiller l'accessibilité continue.

Accessibility Checker exécute plus de 40 vérifications différentes, y compris pour les problèmes courants identifiés ci-dessus. La version gratuite analyse les publications et les pages, et la version Pro inclut des analyses complètes du site des types de publication personnalisés et des pages d'archives. Les éléments mal signalés ou révisés peuvent être ignorés, ce qui permet de suivre les correctifs d'accessibilité au fur et à mesure qu'ils sont apportés. C'est un excellent outil pour les agences, les développeurs et les utilisateurs de WordPress.

Test manuel

Malheureusement, les analyses automatisées ne peuvent pas identifier tous les problèmes d'accessibilité sur un site Web - certains problèmes ne peuvent être déterminés que par un être humain qui consulte le site Web. Après avoir testé le site Web avec un outil automatisé comme Accessibility Checker, effectuez ensuite des tests manuels pour vous assurer que toutes les personnes peuvent l'utiliser, quel que soit l'appareil qu'elles utilisent.

La première étape d'un test d'accessibilité manuel consiste à confirmer que les utilisateurs peuvent naviguer entièrement avec un clavier uniquement. Allez à l'avant du site Web et utilisez les touches de tabulation et les touches fléchées pour vous déplacer dans le site, en vous assurant de ne pas perdre votre place au fur et à mesure et de pouvoir utiliser toutes les parties du site Web.

Après le test du clavier, vous pouvez passer au test du lecteur d'écran. Les lecteurs d'écran sont un type de logiciel de technologie d'assistance que les personnes aveugles et malvoyantes utilisent pour comprendre le contenu Web. Si vous avez un Mac, vous pouvez utiliser le logiciel VoiceOver intégré à votre ordinateur. Si vous n'avez pas de Mac, vous pouvez télécharger gratuitement le lecteur d'écran open source NVDA ou acheter le populaire lecteur d'écran JAWS. Il est recommandé de tester votre site Web avec deux lecteurs d'écran ou plus, car tous les lecteurs d'écran ne disent pas la même chose pour les éléments individuels.

Pour tester votre site Web avec un lecteur d'écran, accédez à la page que vous souhaitez tester, puis parcourez la page comme vous l'avez fait lors du test de navigation au clavier, en utilisant uniquement les touches de tabulation et de flèche. Écoutez ce que dit le lecteur d'écran lorsque vous vous déplacez dans la page et signalez tout ce qui est incorrect ou déroutant. Écoutez les fichiers multimédias ou les curseurs qui se lisent automatiquement et interrompent d'autres contenus sur la page.

Une fois que vous avez effectué des tests de navigation au clavier et de lecteur d'écran, vous devez vérifier tous les fichiers multimédias intégrés ou liés. Les fichiers multimédias incluent les vidéos, les fichiers audio, les fichiers PDF, les fichiers .Doc ou .XLS, les curseurs d'image ou de texte et les widgets ou iFrames tiers. Assurez-vous que les personnes handicapées peuvent accéder, interagir avec et comprendre le contenu présenté par tous les fichiers multimédias intégrés ou liés.

Test utilisateur

Après les tests d'accessibilité automatisés et manuels, il est recommandé d'effectuer des tests utilisateur. Les tests utilisateur impliquent l'embauche d'utilisateurs de technologies d'assistance du monde réel pour tester votre site Web afin de détecter les erreurs d'accessibilité. En règle générale, un utilisateur test reçoit un briefing d'un développeur Web avec des objectifs spécifiques. L'utilisateur test essaiera ensuite d'atteindre ces objectifs, puis fournira des commentaires au développeur.

Vous pouvez embaucher des utilisateurs de test individuels par le biais de programmes rémunérés ou bénévoles, ou trouver une entreprise d'accessibilité qui propose des services de test d'utilisateurs.

Conclusion : Garder un site Web accessible

Il est important de noter que, comme le référencement, l'accessibilité est un processus continu qui nécessite une surveillance et des modifications continues. Pour vous assurer que votre site Web reste accessible, créez un plan pour :

• Surveillez et testez régulièrement les erreurs d'accessibilité à l'aide d'un outil tel que le plug-in Accessibility Checker.
• Former les développeurs Web, les concepteurs et les créateurs de contenu aux meilleures pratiques en matière d'accessibilité Web. Si vous lancez des sites Web pour des clients, assurez-vous qu'ils savent comment ajouter du contenu de manière accessible après le lancement.
• Restez informé de toutes les directives d'accessibilité ou des changements de loi que vous devez suivre.

En prenant ces mesures, vous vous assurerez que votre site Web reste accessible et que toutes les personnes auront un accès égal aux informations, produits et services sur le Web, quelles que soient leurs capacités.