Les poursuites en matière d'accessibilité de sites Web se multiplient : comment les sites WordPress peuvent devenir conformes à l'ADA

Dans quelle mesure connaissez-vous l'Americans with Disabilities Act (ADA) ? Malheureusement, chaque année, de plus en plus de propriétaires de sites Web apprennent à leurs dépens lorsqu'ils sont poursuivis pour leur non-conformité à l'ADA. L'ADA a été créée pour garantir aux personnes handicapées un accès juste et égal au logement, à l'emploi, aux transports, aux logements publics, aux communications et aux programmes ou services gouvernementaux jusqu'au niveau municipal.

Seyfarth Shaw LLP, un cabinet d'avocats international de premier plan, rapporte qu'en 2022, 3 255 poursuites ont été intentées devant les tribunaux fédéraux « alléguant que les plaignants handicapés ne pouvaient pas utiliser les sites Web parce qu'ils n'étaient pas conçus pour être accessibles et/ou fonctionner avec des technologies d'assistance. ” Chaque année depuis 2010, ce nombre a augmenté de 10 % ou plus. Les litiges liés à l'accessibilité des sites Web représentent désormais 37 % de toutes les poursuites en vertu du titre III de l'ADA.

Alors, qu'est-ce que cela signifie d'être "conforme à WordPress ADA ?"

L'ADA s'applique également en ligne

La législation ADA a clairement indiqué que l'accessibilité pour les personnes handicapées n'est pas seulement quelque chose qui se passe dans le monde physique. Cela s'applique également aux espaces numériques où beaucoup d'entre nous travaillent et passent beaucoup de temps. Les lieux de travail et les espaces publics ou les bureaux fournissant des services clés doivent être accessibles à tous. Les sites Web aussi.

Et le monde numérique comprend le site Web WordPress que vous possédez et exploitez.

C'est pourquoi il est nécessaire de créer des sites WordPress entièrement conformes à l'ADA.

La bonne nouvelle est que de nombreux logiciels et outils spécialisés vous aideront à devenir conforme à l'ADA en tant que propriétaire de site WordPress. Suivez quelques pratiques établies et utilisez des outils importants. Cela garantira que le contenu de votre site est disponible et accessible à tous, y compris aux personnes handicapées.

Dans ce guide, nous allons plonger dans l'Americans with Disabilities Act et pourquoi vous devez vous y conformer dans vos propriétés en ligne pour éviter d'éventuelles poursuites judiciaires. Il existe également de nombreuses autres raisons de créer des sites Web accessibles, et elles présentent des avantages directs pour les propriétaires de sites.

Enfin, nous vous expliquerons les quatre conseils d'accessibilité clés que vous pouvez mettre en pratique dès aujourd'hui.

Nous allons jeter un coup d'oeil.

Pourquoi votre site Web WordPress doit être conforme à l'ADA

La loi fédérale des États-Unis comprend de solides protections qui interdisent complètement à toute entreprise de refuser des emplois ou des logements en raison des capacités physiques d'un individu.

L'ADA exige un accès équitable à :

• Espaces publics
• Transport
• Éducation
• …et plus…

Au-delà du monde physique, les protections ADA s'étendent également à toutes les technologies de l'information et à l'accessibilité électronique.

Pour cette raison, la conformité à l'ADA a un impact sur presque tous les sites Web publiés. Et même si la loi n'existait pas, c'est tout de même une excellente pratique pour s'assurer que votre site WordPress est accessible au plus grand nombre d'utilisateurs possible.

Plus précisément, l'ADA stipule explicitement que les individus doivent adhérer à ses politiques d'accessibilité s'ils sont un employeur privé avec un minimum de 15 employés.

De plus, la conformité à l'ADA est obligatoire si vous possédez une entreprise qui opère dans l'intérêt public, comme un organisme de bienfaisance enregistré.

Au-delà de cela, tous les sites Web des agences gouvernementales locales et nationales, y compris les sites pour les écoles, doivent être 100% conformes à l'ADA.

Qu'est-ce que cela signifie d'avoir un site Web WordPress conforme à l'ADA ?

Examinons d'abord quelques-unes des normes d'accessibilité des sites Web appliquées par l'ADA :

• Un site Web conforme à l'ADA doit permettre aux utilisateurs du site malvoyants de percevoir le contenu de votre site à l'aide de lecteurs d'écran .
• Le site doit fournir des transcriptions ou des sous-titres de tous les contenus audio . Cela permet aux utilisateurs sourds d'ingérer le contenu du site.
• Il doit prendre en charge la navigation au clavier afin que les utilisateurs qui ne sont pas en mesure d'utiliser une souris d'ordinateur traditionnelle puissent naviguer sur le site.
• Un site WordPress conforme à l'ADA mettra en œuvre une conception visuelle accessible qui aide à accueillir les utilisateurs daltoniens ou photosensibles.

Gardez à l'esprit qu'il ne s'agit pas d'une liste exhaustive des normes conformes à l'ADA. Au fur et à mesure que nous progressons dans ce guide, nous approfondirons tous les détails sur la manière dont votre site WordPress peut répondre à toutes les exigences de l'ADA. Au fur et à mesure que nous abordons les aspects techniques de l'accessibilité, gardez cette vue d'ensemble (et ses avantages) à l'esprit.

Quelles sont les conséquences possibles de ne pas avoir un site Web WordPress conforme à l'ADA ?

N'oubliez pas que si votre site ne respecte pas pleinement ces normes, vous pourriez avoir des démêlés avec la loi. Cela peut être le cas même si vous n'aviez pas l'intention d'empêcher les personnes handicapées d'accéder et d'utiliser facilement votre site Web WordPress. En fait, dans le cas de la conformité à l'ADA, l'intention est distincte de la loi.

Et ce n'est pas une menace théorique. Ces dernières années, plusieurs poursuites judiciaires très médiatisées concernant des sites Web conformes à l'ADA ont été déposées. Le plus largement couvert de ces poursuites était contre la marque Domino's Pizza. Cette affaire est allée jusqu'à la Cour suprême des États-Unis.

Construire un site WordPress plus accessible aux personnes handicapées n'est pas seulement la bonne chose à faire. Cela peut également grandement profiter à votre marque et à votre entreprise dans son ensemble.

Selon l'OMS (Organisation mondiale de la santé), environ 1,3 milliard de personnes dans le monde ont au moins un type de handicap. Cela représente environ 16 % de la population mondiale. Cela représente un grand nombre de nouveaux clients potentiels et de visiteurs de votre site.

Qu'est-ce que Target a appris en perdant un procès pour accessibilité ?

L'initiative d'accessibilité Web du World Wide Web Consortium (W3C) propose une étude de cas d'une action en justice précoce et influente de l'ADA contre le site Web d'une grande société américaine à l'accessibilité difficile : target.com. La Fédération nationale des aveugles (NFB) a obtenu gain de cause en tant que plaignante dans cette affaire parce que le site Web de Target manquait de fonctionnalités d'accessibilité clés :

• texte alternatif (alt) décrivant des images pour les personnes malvoyantes utilisant des lecteurs d'écran
• commandes au clavier pour effectuer des achats en ligne sans utiliser de souris
• cartes d'images accessibles montrant les emplacements des magasins
• une conception de page HTML sémantique conforme aux normes avec des en-têtes qui facilitent la navigation sur le site

Aujourd'hui, Target Corporation est un champion de l'accessibilité du Web. Voici Jason Goldberger, directeur numérique de Target et président de Target.com en 2016, expliquant ce dont il était le plus fier, après une décennie de travail pour rendre Target.com accessible et conforme à l'ADA :

… J'entends régulièrement des collègues de nombreuses équipes différentes parler de l'accessibilité sans y être invité et l'intégrer à leurs plans sans aucun rappel de notre part. C'est devenu une partie de la conversation quotidienne, et c'est assez étonnant parce que ce n'était pas toujours le cas. Penser aux personnes handicapées fait partie intégrante de l'équipe numérique, et pour moi et d'autres invités aveugles, c'est une autre partie de ce qui rend Target spécial.

Bien que l'accessibilité puisse être très technique dans sa mise en œuvre, c'est la vue d'ensemble de ce qu'elle soutient et permet : une culture d'entreprise positive en phase avec les besoins de ses clients et clients potentiels en tant que personnes .

Comment obtenir un site Web WordPress conforme à l'ADA

Vous avez maintenant une compréhension générale de ce qu'est l'Americans with Disabilities Act et pourquoi c'est si important. Ensuite, nous verrons comment vous pouvez rendre votre site WordPress conforme.

Voici les quatre choses que vous devez faire pour y arriver.

1. Découvrez à quoi ressemble un site WordPress conforme à l'ADA

Le ministère de la Justice des États-Unis n'a pas encore publié ou publié de directives de conformité officielles pour l'ADA. Cependant, il donne quelques recommandations solides.

Familiarisez-vous avec WCAG

En particulier, l'ADA encourage fortement chaque organisation à suivre les directives pour l'accessibilité des contenus Web (WCAG), niveau 2.0 AA.

Ces directives stipulent explicitement que tous les visiteurs du site doivent être en mesure de percevoir chaque élément d'information qui apparaît sur votre site WordPress. Pour ce faire, les propriétaires de sites doivent proposer des alternatives aux médias circulant sur leurs sites.

Sous-titres vidéo

Regardez YouTube comme exemple. Depuis que la conformité ADA est devenue obligatoire, ils fournissent automatiquement des sous-titres pour tous les contenus vidéo et audio hébergés et lus sur la plate-forme.

Formulaires accessibles

Par exemple, vous pouvez envisager d'utiliser des invites de saisie suggérées pour aider à clarifier les informations que les utilisateurs du site doivent saisir dans vos formulaires de contact.

Au-delà de cela, si un utilisateur met des informations erronées dans un formulaire, essayez de fournir des recommandations simples sur ce qu'il peut faire pour corriger ces erreurs de saisie.

Cela est beaucoup plus utile (et accessible) que d'afficher uniquement un message d'erreur générique avec une entrée utilisateur non valide.

Prise en charge des lecteurs d'écran et de la navigation au clavier

Vous avez probablement déjà des visiteurs qui interagissent avec votre site à l'aide de lecteurs d'écran. Pour les personnes qui font cela, le texte alternatif descriptif est extrêmement utile pour comprendre les images affichées sur votre site WordPress.

Les personnes ayant des problèmes de dextérité manuelle ou visuelle trouvent souvent qu'il est beaucoup plus facile d'interagir avec les sites Web en utilisant des commandes de navigation comme un clavier ou un clavier. Pour les utilisateurs qui font cela, vous voudrez avoir une structure cohérente et claire de navigation sur le site.

Vous pouvez également fournir des indications visuelles des éléments qui sont actuellement mis au point. Ces éléments seront activés la prochaine fois que le visiteur de votre site effectuera une action, comme appuyer sur la touche "Retour" de son clavier.

2. Effectuez un examen de conformité ADA pour voir où vous en êtes actuellement

L'accessibilité n'est pas un sujet simple. En fait, c'est un sujet énorme qui implique de nombreux éléments d'interface de conception différents utilisés pour créer un site WordPress plus convivial. Si un propriétaire de site Web ne néglige qu'un seul facteur lié à l'accessibilité, cela peut facilement empêcher un utilisateur du site (et un client potentiel) d'avoir une expérience positive sur son site.

Évaluation de l'accessibilité du site Web (WAVE)

Un bon point de départ pour évaluer la qualité de l'expérience utilisateur (UX) de votre site à la lumière des normes d'accessibilité est une suite d'outils appelée Évaluation de l'accessibilité du site Web (WAVE). WAVE analysera votre site WordPress et répertoriera tous les problèmes potentiels d'accessibilité. Il s'agit d'un outil extrêmement précieux à utiliser qui aide à identifier la vaste gamme de problèmes qui pourraient avoir un impact sur la convivialité du site.

Lorsque vous consultez cette liste à partir de WAVE, vous pouvez cliquer sur les icônes correspondantes pour obtenir plus d'informations sur chaque erreur d'accessibilité détectée. L'outil vous proposera même des ressources qui vous donneront encore plus d'informations sur chaque problème de convivialité.

Malheureusement, WAVE est un outil limité qui ne peut analyser qu'une seule page Web à la fois. Pour accélérer le processus d'analyse de l'ensemble de votre site WordPress, il est judicieux d'installer les extensions WAVE pour Firefox ou WAVE pour Chrome (selon le navigateur que vous préférez).

Les extensions vous permettront d'exécuter WAVE sur chaque page Web que vous consultez actuellement.

3. Suivez toujours les meilleures pratiques WordPress conformes à l'ADA lors de la création de sites accessibles

Après avoir testé l'accessibilité de votre site et compilé les résultats, il est temps d'aborder chaque problème individuel que vous avez identifié.

Il est impératif que vous fassiez un inventaire complet du contenu de votre site. Demandez-vous si vous êtes en mesure de fournir des supports alternatifs pour ce que vous avez déjà publié.

Services de transcription

Si vous ne parvenez pas à faire transcrire votre contenu par un professionnel, il existe des outils logiciels qui généreront automatiquement les sous-titres pour vous.

Malheureusement, certains d'entre eux sont parfois un peu bâclés et inexacts. Mais si l'utilisation d'outils logiciels de transcription est votre seule option, c'est mieux que de ne fournir aucune transcription de votre contenu.

Vous voudrez également fournir des alternatives textuelles écrites aux visuels de votre site WordPress. Cette pratique incroyablement utile profite grandement à tous les utilisateurs qui découvrent votre site Web grâce à des outils d'accessibilité tels que les lecteurs d'écran.

Texte et images ALT

Dans WordPress, il est simple d'ajouter un texte alternatif descriptif à vos images et visuels directement dans la médiathèque.

En outre, de nombreux propriétaires de sites WordPress cherchant à se conformer à l'ADA ont constaté qu'il était préférable d'éviter d'inclure du texte dans les images de votre site Web. De grandes quantités de texte dans les images rendront plus difficile la description de vos graphiques aux malvoyants en utilisant uniquement votre texte alternatif.

Au lieu de cela, demandez-vous si vous pourriez créer un effet similaire en utilisant du code. Par exemple, vous pouvez ajouter les informations que vous essayez de transmettre sous forme de texte brut. Ensuite, utilisez CSS pour le styliser.

Rapports de contraste

Pour prendre pleinement en charge les visiteurs du site malvoyants, il est judicieux de conserver un rapport de contraste d'au moins 4,5:1 pour l'ensemble du texte. Vous souhaiterez également rendre tout le texte redimensionnable jusqu'à 200%.

Le défi que vous aurez est de fournir ce type de flexibilité sans affecter la fonctionnalité de votre site. Cela nécessitera probablement que vous effectuiez de nombreux tests d'utilisabilité avant de mettre vos modifications en ligne.

Si vous souhaitez en savoir plus sur les problèmes d'accessibilité qui affectent votre site, il est important d'exécuter tout le contenu de votre site via l'outil WAVE. Ensuite, prenez le temps de lire toutes les ressources suggérées par WAVE.

Les lignes directrices établies par les WCAG sont largement acceptées comme la norme de l'industrie en matière d'accessibilité. Mais c'est une bonne idée de consulter également la liste de contrôle d'accessibilité de WebAIM. Cet outil vise à condenser les spécifications officielles des WCAG 2.1.

4. Installez des plugins qui améliorent la conformité WordPress ADA

De nombreux plugins et outils différents dans le référentiel WordPress promettent de vous conduire vers la conformité WordPress ADA. Par exemple, vous pouvez analyser rapidement l'intégralité de votre site Web à la recherche de problèmes d'accessibilité en utilisant WP ADA Compliance Check Basic.

Vérification de conformité WP ADA Basic

Ce plugin utile suggère des ressources qui donnent plus d'informations sur chaque problème qu'il détecte, un peu comme l'outil WAVE. Mais avec cela, vous obtiendrez également un lien direct vers le code concerné. Ceci est extrêmement utile lorsque vous devez résoudre des problèmes complexes d'accessibilité.

Un autre outil à considérer est le plugin Accessibility Checker. Ce plugin tente d'être la version spécifique à WordPress de WAVE tout en vous permettant d'analyser l'intégralité de votre site WordPress à partir du tableau de bord.

Égaliser le vérificateur d'accessibilité numérique

En tant que propriétaire de site Web WordPress, il existe de nombreuses façons de rendre un site plus accessible. Cependant, choisir le mauvais thème pour exécuter votre site peut annuler tous vos efforts.

Le référentiel de thèmes WordPress.org est rempli de thèmes conçus par des professionnels. Cependant, même les concepteurs WordPress les plus expérimentés négligent parfois des principes importants liés à la conformité et à l'accessibilité ADA.

Accessibilité WP

Pour aider à résoudre ce problème, le plugin WP Accessibility résoudra les problèmes qui se produisent dans les thèmes WordPress. Après avoir téléchargé et activé le plugin, vous souhaiterez accéder à Paramètres> Accessibilité WP dans le tableau de bord WordPress.

Une fois là-bas, vous verrez divers paramètres liés à l'accessibilité du site que vous pouvez activer et désactiver. Cela dépendra de la configuration de votre thème.

Les paramètres incluront l'ajout d'un contour à l'état link :focus pour améliorer la navigation au clavier et fournir plus d'informations sur le contenu de l'image à l'aide longdesc .

N'utilisez pas de superposition d'accessibilité

Il est important de se rappeler qu'il n'existe pas de véritables solutions plug-and-play qui créeront un site Web entièrement accessible et conforme à l'ADA. Certains plugins peuvent prétendre être plug-and-play, mais ce n'est pas possible. Les plugins de conformité sont parfaits pour analyser les sites à la recherche de problèmes et apporter des modifications pour améliorer les problèmes. Mais faites attention aux plugins qui tentent d'utiliser une approche de superposition. Faites également attention aux plugins qui prétendent offrir une conformité 100% WordPress ADA simplement en téléchargeant et en activant le plugin.

Ces « superpositions d'accessibilité » doivent être évitées.

Il est temps de créer un site WordPress conforme à l'ADA

Rendre votre site WordPress accessible à tous est évidemment la bonne chose à faire en tant que propriétaire de site. Mais cela vous protégera également des ramifications juridiques potentielles.

Et en vous assurant que votre site est conforme à l'ADA, vous développerez automatiquement votre base de clients potentiels.

Pour récapituler les étapes à suivre pour créer un site WordPress conforme à l'ADA :

1. Comprenez à quoi ressemble un site Web déjà conforme à l'ADA.
2. Examinez votre propre site pour comprendre à quel point il est déjà conforme. Cela peut être fait à l'aide d'un outil WAVE (évaluation de l'accessibilité du site Web).
3. Suivez les meilleures pratiques déjà éprouvées pour créer des sites Web accessibles.
4. Installez des plugins WordPress comme WP Accessibility et WP ADA Compliance Check Basic.

À ce stade, vous serez sur la bonne voie pour posséder un site Web compatible WordPress ADA que vos utilisateurs adoreront.

Téléchargez le thème Kadence et les blocs Kadence pour créer des sites Web efficaces

Si vous aimez créer du contenu convaincant avec un beau design, Kadence Blocks fournit des outils pour être créatif directement dans l'éditeur WordPress natif. De plus, profitez de tonnes de contenu prédéfini que vous pouvez facilement inclure dans votre site, y compris une bibliothèque filaire de blocs pour vous aider à démarrer votre prochaine conception Web. Idéal pour l'inspiration et le développement rapide!

Télécharger maintenant

Dan Knauss

Dan Knauss est le généraliste du contenu technique de StellarWP. Il est écrivain, enseignant et pigiste travaillant en open source depuis la fin des années 1990 et avec WordPress depuis 2004.