Qu'est-ce que l'accessibilité des sites Web ? (4 conseils pour la conformité ADA)

Publié: 2023-02-12

Internet devrait être accessible à tous, quel que soit leur handicap ou leur déficience. Cependant, développer un site Web convivial pour tous peut être un défi.

Heureusement, certains outils, techniques et directives peuvent vous aider à créer un site plus accessible. Cette accessibilité peut vous permettre de vous connecter avec un public plus large, de protéger votre réputation et de vous tenir à l'écart de l'eau chaude légale.

Dans cet article, nous commencerons par discuter de ce qu'est l'accessibilité des sites Web et pourquoi c'est si important. Nous partagerons ensuite quatre façons d'offrir une bonne expérience à tous les utilisateurs. Commençons!

Table des matières
1. Une introduction à l'accessibilité des sites Web
1.1. Pourquoi l'accessibilité du site Web est importante
1.2. Comprendre les exigences légales en matière d'accessibilité Web
2. Comment rendre votre site Web WordPress accessible (4 façons)
2.1. 1. Rechercher les problèmes d'utilisabilité
2.2. 2. Ajoutez du texte alternatif à vos images
2.3. 3. Fournissez une alternative à l'audio de votre site
2.4. 4. Identifiez les problèmes d'accessibilité avec votre thème WordPress
3.Conclusion _

Une introduction à l'accessibilité des sites Web

L'accessibilité consiste à rendre votre site utilisable par le plus grand nombre de personnes possible. Cela inclut de s'assurer que tout le monde peut naviguer, comprendre, interagir et contribuer à votre site Web WordPress.

Lorsque nous parlons d'accessibilité, nous nous concentrons souvent sur les utilisateurs handicapés, et pour cause. Selon l'Organisation mondiale de la santé (OMS), environ 15 % de la population souffre d'une forme de handicap.

Un site Web entièrement accessible est utilisable par les personnes souffrant de toute forme de handicap auditif, cognitif, neurologique, physique, de la parole ou visuel. Certains visiteurs peuvent choisir d'accéder à votre site à l'aide d'outils d'assistance, tels que des lecteurs d'écran. Pour prendre en charge ces utilisateurs, vous devrez vous assurer que votre site est optimisé pour ces outils.

Vous pouvez également apporter des améliorations générales à la convivialité de votre site. Un exemple serait d'augmenter la taille de la police, ce qui peut profiter aux utilisateurs malvoyants.

L'accessibilité signifie également fournir des moyens alternatifs d'accéder aux médias de votre site. Par exemple, c'est une bonne idée de fournir des sous-titres pour votre contenu vidéo :

Capture d'écran de la vidéo YouTube par WP Engine, "Powering Your Freedom to Create"

Les personnes handicapées ne sont pas les seuls visiteurs qui peuvent bénéficier d'un site Web plus convivial. Certaines personnes peuvent avoir une blessure temporaire qui affecte leur mobilité, comme une entorse au poignet. D'autres peuvent avoir des problèmes liés à l'âge.

Même des situations temporaires peuvent rendre plus difficile pour les visiteurs de tirer profit de votre site Web. Avez-vous déjà navigué sur Internet dans un café bruyant ou dans une gare ? Vous saurez probablement à quel point il peut être difficile d'écouter les vidéos ou tout autre contenu audio d'un site Web dans ces scénarios.

Dans toutes ces situations, vos utilisateurs peuvent bénéficier de certaines améliorations d'accessibilité, telles que les transcriptions. En donnant la priorité à la convivialité, vous pouvez fournir les outils dont les visiteurs ont besoin pour tirer parti de votre contenu, quelles que soient leurs situations personnelles ou leurs circonstances temporaires.

Pourquoi l'accessibilité du site Web est importante

Si vous ne faites pas de l'accessibilité une priorité, vous pouvez exclure des personnes qui auraient autrement bénéficié de votre contenu. Tout d'abord, c'est injuste. Cela a également un impact négatif sur votre marque et peut même entraîner de mauvaises critiques ou des plaintes.

Un site Web accessible a également un public potentiel plus large. Selon l'OMS, plus d'un milliard de personnes souffrent d'une forme de handicap. Si votre site n'est pas ouvert à ces personnes, vous passez peut-être à côté de visiteurs et de conversions potentielles.

Comme nous l'avons déjà mentionné, les améliorations de la convivialité auront souvent un impact positif sur votre public plus large. Prenons un exemple.

Augmenter la taille des éléments interactifs de votre site peut profiter aux personnes ayant des problèmes de dextérité manuelle. Cependant, ces changements pourraient également faciliter la vie de toute personne accédant à votre site à l'aide d'un écran plus petit, y compris les utilisateurs de smartphones et de tablettes.

Une partie importante de l'accessibilité consiste à offrir aux visiteurs plus d'options. Par exemple, quelqu'un peut accéder à votre site dans un endroit où il ne peut pas écouter votre audio, comme une bibliothèque ou une salle de conférence. Dans ce scénario, ils peuvent apprécier l'utilisation de sous-titres.

L'accessibilité donne aux visiteurs la possibilité de consommer le contenu de votre site de la manière qui leur convient le mieux. Par conséquent, cela peut améliorer l'expérience utilisateur pour tous ceux qui visitent votre site Web.

Comprendre les exigences légales en matière d'accessibilité Web

L'Americans with Disabilities Act (ADA) stipule que toutes les technologies électroniques et de l'information doivent être accessibles aux personnes handicapées. La conformité ADA est une exigence légale pour presque tous les sites Web.

De plus, l'ADA stipule spécifiquement que vous devez respecter ses politiques si vous êtes un employeur privé comptant 15 employés ou plus. Elle s'applique également si votre entreprise opère pour le bénéfice du public.

Si votre site ne respecte pas les normes ADA, vous pourriez avoir des problèmes juridiques. Même si vous n'avez pas intentionnellement enfreint ces règles, il pourrait toujours y avoir des motifs de poursuites.

Les preuves suggèrent même que ces affaires judiciaires sont en augmentation. Le nombre total de poursuites pour accessibilité numérique a augmenté de 15 % en 2021, atteignant un taux de plus de dix par jour. Cela représente plus de 4 000 cas d'accessibilité où l'objet de la réclamation était soit un site Web, une application mobile ou un contenu vidéo.

Si vous êtes reconnu coupable d'avoir enfreint l'ADA, les tribunaux peuvent ordonner des dommages-intérêts compensatoires et des arriérés de salaire pour remédier à la discrimination. Le ministère de la Justice pourrait également imposer des sanctions civiles pouvant aller jusqu'à 55 000 $ pour la première infraction et 110 000 $ pour toute infraction subséquente.

Il convient de noter que le ministère de la Justice n'a pas encore publié de directives officielles de l'ADA sur l'accessibilité des sites Web. Cependant, il est largement admis que le niveau AA des Règles pour l'accessibilité des contenus Web (WCAG) 2.0 est la norme de facto aux États-Unis.

Comment rendre votre site Web WordPress accessible (4 façons)

Nous venons de voir pourquoi vous devriez donner la priorité à la convivialité. Voyons maintenant comment vous pouvez vous assurer que votre site est entièrement conforme à l'ADA. Voici quatre façons de rendre WordPress plus accessible !

1. Rechercher les problèmes d'utilisabilité

L'accessibilité est un vaste sujet aux enjeux importants. Si vous négligez un seul problème d'utilisabilité, vous pourriez perdre des ventes potentielles et même déclencher une action en justice. Pour cette raison, il est judicieux d'analyser votre site à l'aide d'un logiciel d'accessibilité spécialisé.

Aucun outil automatisé n'est infaillible ou ne remplace les tests manuels. L'utilisabilité concerne des cas d'utilisation humains réels. Cela signifie que seules les personnes peuvent juger si votre site est vraiment accessible.

Cependant, une analyse automatisée peut créer une première liste de problèmes à résoudre. Après avoir résolu ces problèmes, vous pouvez passer aux tests manuels.

Il existe différents outils disponibles, mais Website Accessibility Evaluation (WAVE) est une suite logicielle qui peut identifier une série de problèmes d'utilisabilité :

Capture d'écran de Wave, un "outil d'évaluation de l'accessibilité Web"

Après avoir entré l'URL de votre site Web et exécuté le test, cliquez sur l'icône i pour afficher plus d'informations sur chaque erreur détectée. WAVE vous proposera même des ressources qui peuvent vous aider à comprendre des problèmes d'accessibilité spécifiques :

Capture d'écran du site Web Wave et de la façon dont il examine les domaines pour l'accessibilité

L'inconvénient de ce logiciel est que WAVE ne peut numériser qu'une seule page à la fois. Pour réduire votre temps de test, vous pouvez installer l'extension WAVE pour Firefox ou WAVE pour Chrome. Cet outil vous permet d'exécuter WAVE sur une page Web en un clic :

Capture d'écran de Chrome Web Store, outil d'évaluation Wave

Alternativement, vous pouvez analyser votre site à l'aide d'un plugin tel que WP ADA Compliance Check. Cet outil gratuit propose 50 vérifications d'erreur :

capture d'écran du tableau de bord WordPress, onglet Web Accessibility Basic

Vous pouvez effectuer une analyse complète manuellement à tout moment. Pour plus de commodité, WP ADA Compliance Check peut également tester automatiquement votre site pour les problèmes d'accessibilité chaque fois que vous publiez un nouveau contenu.

2. Ajoutez du texte alternatif à vos images

Selon les directives des WCAG, toute personne visitant votre site doit pouvoir accéder à toutes ses informations. Par conséquent, vous voudrez ajouter du texte alternatif à toutes vos images. Les personnes ayant une déficience visuelle peuvent ensuite accéder à ce contenu via des lecteurs d'écran.

Cependant, les images purement décoratives, telles que les graphiques d'arrière-plan, n'ont pas besoin de texte alternatif. Vous n'avez pas non plus besoin de fournir des descriptions pour les visuels qui répètent des informations déjà communiquées ailleurs, comme dans le contenu écrit de la page.

Vous pouvez ajouter du texte alternatif à n'importe quelle image dans la médiathèque WordPress :

Capture d'écran d'une image téléchargée sur WordPress avec Anchor Text "un t-shirt vert à imprimé graphique"

Alternativement, vous pouvez créer un texte alternatif après avoir inséré une image dans votre page. Sélectionnez simplement le graphique en question et ouvrez l'onglet Bloc . Ensuite, cliquez pour développer la section Paramètres d'image et écrivez votre texte alternatif :

Capture d'écran de l'image téléchargée sur WordPress avec le texte ALT, "une paire de lunettes de soleil"

Les lecteurs d'écran ne peuvent pas accéder au texte intégré dans une image, comme les annotations. Si un graphique contient du texte, vous devez l'incorporer dans votre description alternative. Alternativement, vous pouvez modifier l'image afin que ce contenu écrit apparaisse en texte brut à côté d'elle.

Lorsque vous écrivez un texte alternatif, vous pourriez être tenté de fournir autant d'informations que possible. Cependant, écouter du contenu peut être beaucoup plus lent que le lire. Si vous expliquez trop ou incluez des détails inutiles, vous risquez de frustrer votre auditoire plutôt que de l'aider.

3. Fournissez une alternative à l'audio de votre site

Certains de vos visiteurs peuvent avoir des problèmes d'audition, soit en raison de leur âge ou d'un handicap. D'autres personnes peuvent ne pas être en mesure d'entendre le son de votre site en raison de leur environnement.

Ces personnes ont besoin d'une autre façon de consommer votre contenu audio. Pour les vidéos, cela peut signifier fournir des sous-titres :

Capture d'écran d'une vidéo YouTube avec des sous-titres codés pour l'accessibilité, intitulée "La liberté de travailler à distance en Irlande"

Vous pouvez ajouter un fichier Web Video Text Tracks Format (WebVTT) à n'importe quel bloc vidéo WordPress. WebVTT est simplement un document texte qui formate vos sous-titres à l'aide de la spécification World Wide Web Consortium (W3C).

Vous pouvez créer ce fichier en utilisant un service tel que Subtitle Edit Online. Cependant, cet outil est gratuit et toujours en version bêta, il est donc judicieux de vérifier manuellement les sous-titres générés :

Capture d'écran du test BETA en ligne de Subtitle Edit

Alternativement, vous pouvez vous associer à un service de sous-titrage qui transcrira l'audio de vos différents fichiers multimédias. Rev.com est un service de sous-titrage populaire.

Capture d'écran Rev.com de la page d'accueil du service de sous-titrage

Vous pouvez envisager de fournir une transcription pour un contenu plus long, comme un podcast. Les visiteurs peuvent ensuite lire ce dossier à leur guise.

Si vous hébergez vos vidéos sur YouTube, la plateforme dispose d'une zone dédiée aux sous-titres pour générer des transcriptions. Vous pouvez ensuite copier/coller ce texte dans votre site Web :

Capture d'écran du générateur de transcription YouTube

Il convient également de noter que les moteurs de recherche ne peuvent pas accéder aux fichiers audio. Vous pouvez aider ces moteurs de recherche à comprendre le contenu audio de votre page en publiant une transcription. Ce document peut améliorer votre classement, ainsi que votre accessibilité.

4. Identifiez les problèmes d'accessibilité avec votre thème WordPress

Vous pouvez investir du temps et de l'énergie pour vous assurer que tout votre contenu est accessible. Cependant, il est possible que votre thème WordPress sape vos efforts.

Vous pouvez identifier tout problème d'accessibilité avec votre thème à l'aide d'un plugin tel que WP Accessibility. Ce logiciel analysera le thème choisi pour détecter les problèmes d'accessibilité courants, notamment les attributs de langue ou de direction du texte manquants. Il peut également ajouter des étiquettes aux champs de formulaire WordPress standard tels que la recherche et les commentaires :

Illustration d'icônes représentant la technologie et l'accessibilité

Après avoir activé ce plugin, accédez à Paramètres > Accessibilité WP dans votre tableau de bord WordPress. Vous y trouverez divers paramètres axés sur l'accessibilité que vous pouvez activer et désactiver pour résoudre les problèmes détectés :

Capture d'écran du paramètre d'accessibilité WP dans WordPress

Alternativement, vous pouvez choisir un thème conçu dans un souci de convivialité. L'équipe WordPress.com a préparé une liste de thèmes prêts pour l'accessibilité qui peuvent offrir une expérience plus conviviale.

Conclusion

Créer un site Web accessible à tous n'est pas toujours simple. Cependant, c'est la bonne chose à faire – moralement, professionnellement et même légalement.

Dans cet esprit, récapitulons rapidement quatre façons de créer un site Web plus accessible :

  1. Recherchez les problèmes d'utilisation. Ici, il peut être utile d'utiliser le plugin WP ADA Compliance.
  2. Ajoutez du texte alternatif à vos images.
  3. Fournissez une alternative à l'audio de votre site avec des sous-titres et des transcriptions.
  4. Identifiez tout problème d'accessibilité avec votre thème WordPress à l'aide d'un plugin tel que WP Accessibility.

Chez WP Engine, nous comprenons que l'accessibilité est une priorité absolue pour de nombreux propriétaires de sites Web. C'est pourquoi nous nous occupons de tout le reste pour vous !
Lorsque vous vous associez à WP Engine, vous aurez accès à un hébergement WordPress optimisé pour la vitesse, la sécurité, la stabilité et l'évolutivité. Cela vous laisse libre de vous concentrer sur ce qui compte vraiment : créer un site Web accessible que tout le monde peut utiliser (et apprécier) !