Tout ce que vous devez savoir sur l'accessibilité des sites Web

Publié: 2022-02-15

Chaque utilisateur qui visite votre site Web devrait avoir le droit à une expérience utilisateur compréhensible, quelles que soient ses capacités ou son absence. Ce n'est pas seulement notre opinion, mais dans certains pays, c'est la loi. Mais ce n'est pas la seule raison de vous assurer que votre site Web répond aux normes d'accessibilité. Selon un rapport sur le handicap, 1 milliard de personnes vivent avec un handicap, ce qui équivaut à 15 % de la population mondiale . Les personnes ayant des handicaps physiques, visuels, cognitifs, neurologiques, moteurs et auditifs utiliseront votre site Web. Bien qu'il soit rebutant d'utiliser les chiffres comme raison, il s'agit d'un nombre important de visiteurs potentiels. Rendre votre site Web utilisable par tout le monde en vaut la peine.

L'écart entre les sites Web accessibles et ceux qui ne le sont pas se produit généralement dans le budget. Rendre votre site Web inclusif demande simplement plus d'efforts pendant le développement et plus d'efforts signifie plus d'argent. Mais, lorsque cela est fait de manière stratégique et avec un CMS comme Drupal, cela ne doit pas nécessairement être une augmentation significative des efforts. Le noyau Drupal prend en charge la conception et le développement de sites Web conformes aux normes WCAG 2.0 et ATAG 2.0. En fait, il existe toute une communauté (la communauté Drupal Accessibility) dédiée à l'amélioration et à la mise à jour des normes d'accessibilité. On pourrait même dire que l'accessibilité est une force fondamentale de Drupal.

C'est très bien si vous êtes sur le point de reconstruire votre site Web, mais que se passe-t-il si vous travaillez avec votre site existant ? Examinons l'accessibilité Web et comment savoir si votre site Web est accessible ou non.

Accessibilité du site Web

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

L'accessibilité Web est un aspect très important dans le développement Web. En termes simples, l'accessibilité Web garantit que votre site Web est accessible à tous, quel que soit leur handicap. Bien qu'on le présume souvent, l'accessibilité ne concerne pas seulement les personnes handicapées. En tant que personne valide, il existe des circonstances dans lesquelles vous pouvez vous trouver - situationnelles ou temporaires - qui peuvent affecter la façon dont vous accédez au site Web.

Pourquoi l'accessibilité Web est-elle importante

Une autre idée fausse est que l'accessibilité du Web est principalement utilisée pour créer une image de marque positive. Mais il y a beaucoup plus d'avantages tangibles à avoir un site Web accessible que beaucoup ne le pensent.

  • Augmentez la portée de votre audience
  • Évitez les problèmes juridiques ( rappelez-vous le procès contre Beyonce en 2019 lorsque son site Web n'était pas conforme à l'ADA (Americans with Disabilities Act))
  • Améliorer l'expérience utilisateur pour l'accessibilité signifie également que vous améliorez votre score UX global
  • Améliorez le classement de votre site Web sur les moteurs de recherche

Cela dit, la croissance et la popularité récentes des marques axées sur un objectif indiquent que l'inclusion peut être un différenciateur clé de la marque.

Conformité et niveaux

Le World Wide Web Consortium (W3C) a développé et publié un ensemble de directives - les WCAG (Web Content Accessibility Guidelines) qui régissent les normes d'accessibilité du Web. Les critères de succès de ces standards (WCAG 2.0, WCAG 2.1 et WCAG 2.2) ont trois niveaux de conformité :

  • Niveau A
  • Niveau AA
  • Niveau AAA

Niveau A - Il s'agit du niveau d'accessibilité minimum qui couvre les exigences les plus élémentaires des fonctionnalités d'accessibilité.

Niveau AA - Ce niveau nécessite tout le niveau A plus quelques exigences supplémentaires. Lorsqu'un site Web se conforme à ce niveau, c'est un gros problème car bon nombre des plus grands obstacles à l'accessibilité sont supprimés.

Niveau AAA - Le niveau AAA exige tout dans les niveaux A et AA plus quelques exigences supplémentaires. Ce niveau est difficile à atteindre par la plupart des sites Web et il s'agit du niveau d'accessibilité le plus élevé selon les normes WCAG.

Comment savoir si votre site Web est accessible ?

Les WCAG ont défini 4 principes et 13 lignes directrices pour l'accessibilité du Web. Le non-respect de l'un de ces quatre principes rendra votre site Web inaccessible aux utilisateurs handicapés. Ces principes sont connus sous le nom de principes POUR

  1. Perceptible
  2. Opérable
  3. Compréhensible
  4. Robuste

Perceptible - Toutes les directives regroupées sous perceptible visent à s'assurer que les gens peuvent trouver votre contenu.

Opérable - Vous devez vous assurer que votre site Web est opérationnel. Les gens doivent pouvoir utiliser votre site Web.

Compréhensible - Les gens doivent être capables de comprendre votre site Web.

Robuste - Votre site Web doit être compatible avec tous les navigateurs, systèmes d'exploitation et appareils.

Consignes d'accessibilité

Maintenant, chaque principe a son propre ensemble de lignes directrices dont nous allons discuter ici :

Lignes directrices perceptibles

1.1) Alternatives textuelles - La première ligne directrice de Perceivable, perceivable 1.1 , exige que tout contenu non textuel ait une alternative textuelle. Cela signifie que les images doivent avoir un texte alternatif significatif. Le texte alternatif doit décrire ce qui se passe dans l'image.

1.2) Médias basés sur le temps - Perceivable 1.2 exige qu'il existe des options alternatives pour les médias basés sur le temps. Ajoutez des sous-titres codés sur la vidéo pour les personnes malentendantes. Les sous-titres peuvent aider à leur donner un contexte.

1.3) Adaptable - Perceptible 1.3 exige que le contenu puisse être présenté de différentes manières sans perdre le contexte.

1.4) Distinguable - La dernière ligne directrice pour perceptible est Perceivable 1.4 , et elle exige que le contenu puisse être séparé visuellement de son arrière-plan. Cela signifie qu'il doit y avoir un contraste suffisant entre le texte et la couleur d'arrière-plan. Le texte doit avoir un rapport de contraste minimum de 4,5.

Directives opérationnelles

2.1) Accessible au clavier - La première directive opérationnelle 2.1 exige que toutes les parties du site Web soient accessibles à l'aide du clavier uniquement.

2.2) Assez de temps - Opérable 2.2 exige que les gens disposent de suffisamment de temps pour utiliser le contenu de votre site Web. Vous devez donner à l'utilisateur le temps de terminer la tâche sans se sentir pressé. Vous devez également tenir compte du fait que différentes personnes ont des capacités différentes et que certaines peuvent être un peu plus lentes à faire avancer les choses.

2.3) Convulsions et réactions physiques - L'opérable 2.3 exige que le contenu ne soit pas conçu de manière à provoquer des convulsions. Les animations et vidéos ne doivent pas clignoter plus de 3 fois par seconde.

2.4) Navigable - Exploitable 2.4 exige que les personnes puissent naviguer sur le site Web et comprendre où elles se trouvent sur le site Web. Tous les liens, entrées et boutons de la page doivent avoir un état ciblé pour indiquer où se trouve une personne à l'écran lorsque les utilisateurs naviguent à l'aide d'onglets.

2.5) Modalités d'entrée - La dernière ligne directrice pour Operable est Operable 2.5 et elle exige que toutes les parties du site Web soient accessibles à l'aide d'autres périphériques d'entrée en plus d'un clavier. Fondamentalement, vous voudrez vous assurer que votre site Web fonctionne avec une souris, des appareils à écran tactile et la synthèse vocale.

Directives compréhensibles

3.1) Lisible - Compréhensible 3.1 exige que le contenu soit lisible et facile à comprendre. Utilisez un langage simple et essayez d'éviter le jargon.

3.2) Prévisible - Compréhensible 3.2 exige que les pages Web soient prévisibles dans leur apparence et leur fonctionnement. Le contenu va être différent sur chaque page, mais la structure principale de la page doit rester la même. La navigation, l'ordre des liens et la recherche doivent toujours être au même endroit sur la page.

3.3) Aide à la saisie - Compréhensible 3.3 exige qu'il soit facile pour les gens de corriger et d'éviter les erreurs.

Lignes directrices solides

4.1) Compatible - Il n'y a qu'une seule ligne directrice sous robust , et c'est 4.1 . Cela nécessite que le site Web soit compatible avec tous les navigateurs, systèmes d'exploitation et appareils. Ceci est réalisable en écrivant du code HTML sémantique valide. Si, pour une raison quelconque, le site Web a encore besoin d'aide pour l'accessibilité, ajoutez des attributs ARIA.

Comment tester l'accessibilité ?

Enfin, vous souhaitez intégrer les tests d'accessibilité dans votre processus de gestion de site Web. Par exemple, vous pouvez parcourir les pages pour tester l'accessibilité du clavier. Heureusement, il existe de nombreux outils disponibles sur internet pour automatiser vos tests :

  • Vague
  • Phare

Sites de référence

Reportez-vous aux sites W3C ci-dessous pour les normes et les directives.

  • https://www.w3.org/
  • https://www.w3.org/WAI/
  • https://www.w3.org/WAI/standards-guidelines/wcag/
  • https://www.w3.org/WAI/WCAG21/quickref/