Comment créer un site Web WordPress conforme à l’ADA

L’Americans with Disabilities Act (ADA) garantit aux personnes handicapées un accès égal et équitable à l’emploi, au logement et au transport. Cette législation précise également que l’accessibilité n’est pas seulement physique – elle s’applique également au monde numérique, y compris votre site Web. C’est pourquoi il est important de créer un site Web conforme à WordPress ADA.

Heureusement, il existe de nombreuses informations et logiciels qui peuvent vous aider à créer un site Web conforme à l’ADA. En suivant quelques bonnes pratiques simples et en utilisant des outils gratuits, vous pouvez vous assurer que votre contenu est accessible à tous, y compris aux personnes handicapées.

Dans cet article, nous allons explorer ce qu’est l’ADA et pourquoi il est important de s’y conformer pour éviter des poursuites judiciaires. Nous partagerons ensuite quatre conseils d’accessibilité que vous pouvez mettre en œuvre dès aujourd’hui. Commençons!

Pourquoi votre site Web doit être conforme à l’ADA

Ces protections s’étendent également à toutes les technologies électroniques et informatiques. La conformité ADA affecte presque tous les sites Web, et il est toujours utile de s’assurer que votre site est accessible au plus grand nombre de personnes possible.

Cependant, l’ADA stipule spécifiquement que vous devez adhérer aux politiques d’accessibilité si vous êtes un employeur privé avec 15 employés ou plus ou si votre entreprise opère au profit du public. Les sites Web des agences gouvernementales nationales et locales (y compris les sites des écoles) doivent également être conformes à l’ADA.

Voici quelques-unes des normes d’accessibilité pour les sites Web :

• Permettre aux visiteurs malvoyants de percevoir le contenu de votre site grâce à l’utilisation de lecteurs d’écran
• Fournir des sous-titres ou des transcriptions de contenu audio pour les utilisateurs sourds
• Prise en charge de la navigation au clavier afin que les utilisateurs qui ne peuvent pas utiliser une souris d’ordinateur traditionnelle puissent se déplacer sur votre site
• Mettre en œuvre une conception accessible pour accueillir les utilisateurs daltoniens et les utilisateurs photosensibles

Cependant, cette liste n’est en aucun cas exhaustive. Nous discuterons plus en détail de ces exigences plus loin dans cet article.

Si votre site ne répond pas à ces normes, vous risquez de vous retrouver dans l’eau chaude légale. Même si vous n’avez pas intentionnellement empêché les personnes handicapées d’accéder et d’utiliser facilement votre site, il peut toujours y avoir des motifs de poursuites contre vous. Ce n’est pas seulement théorique – il y a eu des poursuites judiciaires très médiatisées concernant la conformité du site Web de l’ADA, telles que un procès contre Domino’s Pizza qui est allé jusqu’à la Cour suprême des États-Unis.

Créer un site Web plus accessible n’est pas seulement la bonne chose à faire, cela peut également profiter à votre entreprise. Selon l’Organisation mondiale de la santé (OMS), plus d’un milliard de personnes souffrent d’un certain type de handicap. Cela équivaut à environ 15% de la population mondiale ^[1] – c’est beaucoup de nouveaux clients potentiels !

Comment créer un site WordPress conforme à l’ADA (quatre conseils clés)

Maintenant que vous savez ce qu’est l’ADA et pourquoi c’est important, voyons comment vous pouvez rendre votre site Web WordPress conforme à l’ADA. Voici quatre conseils pour créer un site Web plus accessible.

1. Comprendre à quoi ressemble un site Web conforme à WordPress ADA

Le ministère américain de la Justice n’a pas encore publié de directives officielles de conformité à l’ADA, mais il a fourni quelques recommandations. En particulier, l’ADA encourage les organisations à suivre les Directives pour l’accessibilité du contenu Web (WCAG) 2.0 niveau AA.

Ces directives stipulent que les visiteurs doivent être en mesure de percevoir toutes les informations qui apparaissent sur votre site Web. Cela signifie souvent fournir des alternatives aux médias de votre site. Par exemple, de nombreux sites populaires, dont YouTube, fournissent des sous-titres pour leur contenu audio et vidéo :

Les visiteurs doivent également être en mesure de comprendre votre contenu. Pour résoudre ce problème, il peut être utile de fournir des conseils supplémentaires sur la manière d’interagir avec certaines parties de votre site Web. Par exemple, vous pouvez utiliser des invites de saisie suggérées pour clarifier les informations que les visiteurs doivent saisir dans votre formulaire de contact :

De plus, si un utilisateur entre des informations incorrectes, essayez de fournir des recommandations pour corriger ces erreurs de saisie. C’est beaucoup plus utile que d’afficher simplement un message d’erreur générique.

Certains visiteurs peuvent interagir avec votre site via des lecteurs d’écran. Pour ces personnes, un texte alternatif descriptif peut être essentiel pour les aider à comprendre les images de votre site Web :

Les personnes ayant des problèmes de dextérité visuelle ou manuelle peuvent interagir plus facilement avec votre site à l’aide de commandes de navigation telles qu’un clavier ou un pavé numérique. Pour ces utilisateurs, il est important d’avoir une structure de navigation claire et cohérente.

Vous pouvez également fournir une indication visuelle de l’élément qui est actuellement “au centre”. C’est l’élément qui sera activé la prochaine fois que le visiteur effectuera une action, par exemple en appuyant sur la Entrer touche de leur clavier.

2. Examinez votre site Web pour voir dans quelle mesure il est actuellement conforme

L’accessibilité est un vaste sujet et de nombreux éléments entrent dans la création d’un site Web plus convivial. Si vous négligez un seul facteur lié à l’accessibilité, cela pourrait empêcher un client potentiel d’avoir une expérience positive avec votre site.

Un outil d’évaluation de l’accessibilité Web peut souvent être inestimable pour identifier le large éventail de problèmes qui peuvent avoir un impact sur la convivialité de votre site. Évaluation de l’accessibilité du site Web (WAVE) est une suite d’outils qui peuvent analyser votre site et répertorier les problèmes potentiels :

Vous pouvez cliquer sur l’accompagnement je icône pour afficher plus d’informations sur chaque erreur détectée. WAVE suggérera même des ressources qui peuvent fournir un aperçu plus approfondi de chaque problème d’utilisabilité :

WAVE est limité à la numérisation d’une seule page à la fois. Pour accélérer ce processus, vous pouvez installer le WAVE pour Chrome ou alors WAVE pour Firefox extensions, qui vous permettent d’exécuter WAVE sur la page Web que vous consultez actuellement.

3. Suivez les meilleures pratiques éprouvées pour créer des sites Web accessibles

Une fois que vous avez testé l’accessibilité de votre site et compilé vos résultats, vous pouvez commencer à traiter chaque problème que vous avez identifié. Pour commencer, il est important de faire le point sur le contenu de votre site Web et de déterminer si vous pouvez proposer des sorties alternatives pour tous vos médias.

Dans la mesure du possible, nous vous recommandons de fournir des sous-titres transcrits par des professionnels pour votre contenu audio et vidéo. Cependant, il existe également un logiciel capable de générer automatiquement des sous-titres :

Vous devez également fournir une alternative textuelle à tous les visuels de votre site Web. Cela peut être inestimable pour quiconque découvre votre site via un outil d’accessibilité tel qu’un lecteur d’écran. Dans WordPress, vous pouvez ensuite ajouter du texte alternatif via la médiathèque :

C’est aussi une bonne idée d’éviter d’inclure du texte dans vos images. De grandes quantités de texte dans l’image peuvent rendre difficile la description de vos graphiques en utilisant uniquement le texte alternatif. Au lieu de cela, demandez-vous si vous pouvez créer un effet similaire à l’aide de code. Par exemple, vous pouvez ajouter les informations que vous essayez de transmettre sous forme de texte brut, puis les styliser à l’aide de CSS.

Pour aider les visiteurs malvoyants, nous vous recommandons de maintenir un rapport de contraste d’au moins 4,5:1 pour tout votre texte. Votre texte doit également être redimensionnable jusqu’à 200 %. L’astuce ici est de fournir cette flexibilité sans affecter les fonctionnalités de votre site, ce qui nécessitera probablement des tests d’utilisabilité approfondis.

Si vous souhaitez en savoir plus sur les problèmes qui affectent votre site, nous vous recommandons d’exécuter votre contenu via l’outil WAVE et de prendre le temps de lire toutes ses suggestions de ressources.

Les directives WCAG sont largement acceptées comme la norme de l’industrie en matière d’accessibilité. Vous pouvez également vous référer à WebAIM’s liste de contrôle d’accessibilitéqui vise à condenser les spécifications officielles WCAG 2.1.

4. Envisagez d’installer des plugins pour améliorer la conformité de votre site

Comme vous vous en doutez, les outils et plugins WordPress qui promettent de vous aider à atteindre la conformité ADA ne manquent pas. Vous pouvez analyser l’intégralité de votre site à la recherche de problèmes d’accessibilité à l’aide de Vérification de conformité WP ADA Basic:

Ce plugin suggérera des ressources qui fournissent plus d’informations sur chaque problème détecté. Vous obtiendrez également un lien direct vers le code concerné, ce qui peut être utile pour résoudre des problèmes d’accessibilité plus complexes.

Une autre option est la Vérificateur d’accessibilité plugin, qui vise à être une alternative WAVE spécifique à WordPress et vous permet d’analyser l’intégralité de votre site depuis votre tableau de bord WordPress.

En tant que propriétaire de site Web, il existe de nombreuses façons de rendre votre site plus accessible. Cependant, votre choix de thème WordPress peut saper tous vos efforts. Bien qu’il existe de nombreux thèmes développés par des professionnels, même les concepteurs WordPress expérimentés peuvent parfois négliger d’importants principes d’accessibilité.

Les Accessibilité WP plugin peut vous aider à résoudre les problèmes qui surviennent fréquemment avec les thèmes WordPress. Après avoir activé ce plugin, accédez à Paramètres > Accessibilité WP dans votre tableau de bord WordPress :

Ici, vous trouverez divers paramètres axés sur l’accessibilité que vous pouvez activer ou désactiver, selon la configuration de votre thème. Cela inclut l’ajout d’un plan au lien :focus état pour une meilleure navigation au clavier, et en utilisant longdesc pour fournir plus d’informations sur le contenu d’une image.

Il est important de noter qu’il n’existe pas de solutions “plug and play” pour créer un site web 100% accessible, malgré ce que certains plugins pourraient prétendre. Les plugins peuvent être parfaits pour analyser votre site à la recherche de problèmes et apporter quelques modifications, comme celles de WP Accessibility (voici le développeur du plugin partageant ses réflexions). Mais méfiez-vous de tout plugin qui utilise une approche de “superposition” et prétend offrir 100% de conformité ADA simplement en activant un plugin.

Créez un site Web compatible WordPress ADA dès aujourd’hui

Récapitulons rapidement quatre conseils pour créer un site Web compatible WordPress ADA :

1. Comprendre à quoi ressemble un site Web conforme à l’ADA.
2. Examinez votre site Web pour voir dans quelle mesure il est actuellement conforme à l’aide d’un outil tel que l’évaluation de l’accessibilité du site Web (WAVE).
3. Suivez les meilleures pratiques éprouvées pour créer des sites Web accessibles.
4. Envisagez d’installer des plugins tels que Vérification de conformité WP ADA Basic et Accessibilité WP pour améliorer la conformité de votre site.

Pour d’autres articles utiles, vous pouvez lire notre guide sur la façon d’améliorer l’accessibilité de WordPress ainsi que notre collection de huit outils de test d’accessibilité utiles.