15/09/2021

Qu’est-ce que l’accessibilité web ?

L’accessibilité web ou l’accessibilité numérique concerne les contenus web qui sont accessibles pour toutes les personnes. Elle vise surtout les personnes handicapées qui ont une déficience physiologique ou mentale.

 

L’objectif de l’accessibilité numérique est de rendre les sites web et les applications mobiles accessibles aux personnes souffrant des troubles de l’audition, des troubles de la vue, des troubles cognitifs etc. L’accessibilité numérique doit permettre à tous les utilisateurs d’apercevoir, de naviguer et d’interagir via le web.

Présentation de l’accessibilité web

L’accessibilité web nécessite l’utilisation des outils et des technologies développés pour faciliter la perception, la contribution et la navigation d’une personne handicapée qui souhaite utiliser le site web. Il s’agit d’un élément fondamental pour l’expérience utilisateur.

 

Les personnes handicapées devraient pouvoir bénéficier du même accès à l’information que les autres. C’est pourquoi, il faut utiliser les technologies permettant de réduire ou de supprimer les obstacles qui rendent difficile leur accès à l’information numérique. L’objectif est de garantir une bonne expérience web pour tous les utilisateurs indépendamment de leurs âges et capacités physiques ou mentales.

Les personnes concernées par l’accessibilité web

Généralement, l’accessibilité web facilite la navigation sur le web pour les personnes qui souffrent d’une déficience.

Déficience visuelle

Les personnes souffrant de handicap visuel comme :

  • La cécité les personnes qui ont une perte totale ou partielle de la vue.

 

  • La basse vision les personnes qui ont un champ visuel réduit.

 

  • Daltonisme les personnes qui ont des problèmes au niveau de la perception des couleurs.

Déficience auditive

Les personnes qui ont des troubles auditifs par exemple : 

  • La surdité: elle a plusieurs degrés. Il s’agit de l’incapacité de percevoir les sons.
  • La presbyacousie: cette maladie concerne surtout les personnes âgées qui sont incapables de bien écouter.

Déficience du système nerveux

  • L’épilepsie : c’est l’ensemble des maladies neurologiques qui provoquent chez les malades des crises épileptiques.

 

  • La maladie d’Alzheimer: cette maladie provoque des troubles au niveau de la mémoire.

 

  • La maladie de Parkinson: cette maladie réside dans la destruction des neurones à dopamine. Les personnes atteintes de la maladie de Parkinson ont du mal à contrôler leurs mouvements.

Déficience cognitive

Les personnes qui ont des troubles cognitifs telles que :

  • Les problèmes de compréhension

 

  • Les troubles d’apprentissage

Déficience motrice

Le handicap moteur cause des difficultés musculaires chez les personnes atteintes de cette maladie. Par exemple, elle provoque :

  • Une Lenteur musculaire 

 

  • Une difficulté à utiliser les mains et à effectuer des tâches manuelles

 

  • Elle limite les mouvements et les déplacements des malades

Des astuces user-centric permettant d’améliorer l’accessibilité web

Le  « Web Content Accessibility Guidelines » dit « WCAG » est un ensemble de techniques et de règles utilisées pour  garantir l’accessibilité à des contenus web.

 

Pour un site web pratique et efficace

L’interface utilisateur doit être pratique et facile à utiliser.

  1. L’accessibilité de votre clavier : Toutes les fonctionnalités de votre site web doivent être accessible via le clavier. Les utilisateurs devront avoir le choix entre l’utilisation du clavier et l’utilisation de la souris.
  2. L’oculométrie : en anglais l’eye-tracking, cette technique aide à enregistrer et à suivre les mouvements oculaires d’un individu dans le but d’effectuer des clics de souris en s’appuyant sur les clignements de ses yeux. 
  3. La simplicité de la conception des sites web : Les utilisateurs ayant des troubles cognitifs ont du mal à comprendre les sites web qui ont des designs complexes. Alors, il est recommandé d’utiliser des designs web plus simples afin d’améliorer le taux de conversion et de faciliter la navigation mobile pour les utilisateurs.
  4. La prolongation du temps proposé pour les tâches : Généralement, les personnes handicapées ont besoin de plus temps pour effectuer des tâches à l’instar du remplissage de formulaire. Accorder plus de temps avant de fermer la page est une bonne méthode qui peut être bénéfique pour tous les utilisateurs, par voie de conséquence elle peut améliorer votre taux de conversion.
  5. La proposition de plusieurs options de contact : généralement, les sites proposent seulement le numéro de téléphone. Cette option de contact peut être problématique pour les personnes malentendantes. Il est conseillé de proposer d’autres méthodes de contact comme : le chat en direct et l’e-mail.
  6. Les liens et les boutons : Lors de la conception de votre site web, essayer de rendre vos liens et vos boutons accessibles à tous. Les titres des liens devront être clairs et compréhensibles. Il ne faut pas répéter le même titre plusieurs fois. L’essentiel est que l’utilisateur arrive à connaître la destination des liens et des boutons sans devoir voir le contenu visuel de votre site web.
  7. Les couleurs : Utilisez des couleurs qui ne risquent pas de déranger les personnes qui ont une déficience visuelle. Il faut bien travailler le contraste entre le premier plan et l’arrière-plan afin de garantir une expérience visuelle satisfaisante pour tous les utilisateurs sans exception. 

Pour un contenu texte facile à comprendre

Les informations et les opérations disponibles sur l’interface utilisateur doivent être faciles à comprendre.

  1. La balise title : c’est un excellent moyen pour orienter les personnes qui ont des troubles de la vue. Un titre permet aux utilisateurs de connaître l’objet de votre contenu.
  2. Contenu texte : votre contenu texte doit être simple et facile  à lire. Par exemple, il faut choisir la taille et le style de police garantissant la clarté du texte .Optez pour un langage simple. Utilisez des phrases courtes et simples et employez la forme active pour aider les personnes dyslexiques. Il est également important de soigner la structure de l’article. Sans oublier, l’importance d’ajouter des loupes électroniques.
  3. Contenu vocal ; le contenu vocal facilite la navigation des personnes qui ont des troubles de vision. Privilégiez la technique de synthèse vocale. Les utilisateurs incapables de lire devront avoir une version vocale de votre contenu texte.

Pour un contenu multimédia accessible à tous

  1. L’ajout des transcriptions : Certes les transcriptions ajoutées aux vidéos et aux audios sont importantes pour les personnes malentendantes. Mais elles sont aussi utiles pour les personnes qui préfèrent lire ou qui sont incapables d’écouter les audios. C’est le cas de ceux qui sont dans des lieux publics comme la bibliothèque et qui n’ont pas de casque etc.
  2. La vidéo décrite : il s’agit d’un audio qui décrit les éléments visuels apparus dans une vidéo.
  3. La langue des signes : Elle est pratique pour les personnes qui ont une déficience auditive et ou bien une déficience visuelle. 
  4. Le choix des couleurs : il est important de vérifier le contraste des couleurs de votre site pour faciliter la navigation des personnes qui ont des troubles visuelles. 
  5. L’utilisation des balises ALT : Ces balises aident les utilisateurs malvoyants à comprendre les images. Elles sont également très importantes pour le SEO de votre site, même les utilisateurs capables de consulter les images peuvent lire les balises ALT quand il y’a un problème de téléchargement.

Les bienfaits l’accessibilité web

L’amélioration de l’accessibilité web ne peut être que bénéfique pour votre site. Vous devez viser l’accessibilité web pour plusieurs raisons.

Augmenter votre audience

Selon des statistiques , 15 % de la population mondiale souffre d’une forme de handicap. Sans oublier, les accidents qui peuvent causer des paralysies temporaires. Ainsi, il est important de mettre en place une stratégie qui permet de cibler ces visiteurs. Rendre votre site web accessible aux personnes handicapées est un excellent moyen pour augmenter votre audience.

Le référencement naturel

Le respect des standards de l’accessibilité web   ne peut qu’améliorer la qualité de votre site web. L’algorithme de Google prend en considération la qualité des sites pour pouvoir les classer sur les moteurs des recherches. Ainsi, l’accessibilité web est en rapport direct avec le référencement naturel.

Respecter la loi

Légalement, l’accessibilité web est obligatoire dans certains pays comme les Etats-Unis et l’Union européenne. Pour éviter les procès, les sociétés devront s’assurer que leurs sites web respectent les normes de l’accessibilité web. 

Les avantages sociaux

L’accessibilité web contribue à l’intégration des personnes handicapées dans la société. Elle instaure la justice en offrant l’accès au web et aux services virtuels pour tous les utilisateurs, sans distinction.

Tester l’accessibilité de votre site web

Pour vérifier l’accessibilité de votre site , vous pouvez :

Utiliser les outils permettant de tester l’accessibilité web

  1. IBM Accessibility Checker IBM est un outil qui permet de vérifier l’accessibilité. Il aide votre équipe à effectuer des tests rapides au niveau des navigateurs Chrome et Firefox.
  2. WAVE Web Accessibility Evaluation Tool  Wave est une suite d’outils d’évaluation qui aident à rendre votre contenu web plus accessible aux personnes handicapées. Il identifie les erreurs d’accessibilité et facilite l’évaluation humaine du contenu web. L’objectif de cet outil est de résoudre les problèmes qui vont influencer négativement la navigation de vos utilisateurs afin de les résoudre. 
  3. Lighthouse est un outil qui permet d’améliorer la qualité de votre page web en proposant des audits de performance, d’accessibilité et d’application web. Vous pouvez l’exécuter sur n’importe quelle page web. Pour le fonctionnement, il suffit de mettre sur Lighthouse une URL et il fera une série d’audit sur votre page . En vous appuyant sur les audits défaillants vous pourrez améliorer votre site web.
  4. Axe DevTools est un vérificateur d’accessibilité disponible sur chrome. Il permet de chercher et de résoudre les problèmes d’accessibilité de votre site web. Il s’agit d’une extension chrome. Cette extension garantie : 
    • Une meilleure expérience utilisateur pour tous vos clients surtout les handicapés.
    • L’élargissement de votre marché 
    • La réduction des risques de poursuites liées au non-respect de l’accessibilité web.
    • L’optimisation du moteur de recherche. Axe DevTools est très facile à utiliser, il propose des tests automatisés et guidés. Cet outil est un moyen pour gagner du temps puisqu’il détecte la majorité des problèmes d’accessibilité. Ainsi, il ne vous reste qu’un petit pourcentage de problèmes à tester manuellement. Vous pouvez tester votre clavier, les boutons, les liens etc.
  5. Contrast Checker C’est un vérificateur de contraste des couleurs. Il aide les développeurs et les concepteurs à tester la conformité du contraste des couleurs avec le « Web Content Accessibility Guidelines » définie par le « World Wide Web Consortium » (W3C). Pour effectuer votre test, il suffit de sélectionner une couleur de premier plan et une couleur d’arrière -plan. Ensuite, l’outil vous donne vos résultats et vous aurez vos scores. Vous pouvez également faire un test de daltonisme. L’outil vous permet de voir comment un utilisateur daltonien voit les couleurs que vous proposez dans votre site.
  6. Experte C’est un site français qui permet de tester l’accessibilité de votre site internet. L’outil est complètement gratuit et accessible sans inscription. Le test d’accessibilité vérifie multiples caractéristiques dans 8 catégories. Les principales sont : 
  • La navigation (accessibilité et cohérence) 
  • Aria, une extension du langage HTML (accessibilité aux personnes hadicapées) 
  • Noms et étiquettes 
  • Contraste 
  • Tableaux et listes 
  • Audio et vidéos 
  • Internationalisation et localisation 

Demander l’avis des experts

Vous pouvez demander à un expert de faire l’audit de votre site web pour savoir s’il est conforme aux standards de l’accessibilité web. Pour ce faire, il faut un lecteur d’écran et un clavier qui permet d’effectuer un test sur ordinateur. L’écran pour tester la restitution des informations sur votre site par exemple : la visibilité des informations, la structure de votre page ; le fonctionnement des liens etc. Le clavier pour tester l’utilisabilité de votre site.

 

Généralement, la majorité des experts utilisent la méthode WCAG-EM c’est à dire « Website Accessibility Conformance Evaluation Methodology ». Il s’agit d’une approche permettant de déterminer si votre site est conforme aux standards de l’accessibilité du contenu web et elle contient plusieurs niveaux par exemple le niveau A, le niveau AA, le niveau AAA etc. 

Mot de la fin

L’accessibilité numérique garantit des sites accessibles pour tous, sans discrimination. Un site web doit être facile à utiliser pour offrir une expérience utilisateur satisfaisante. Les personnes souffrant de handicap devront pouvoir naviguer sur les sites web sans rencontrer de problèmes. Pour ce faire, le respect des standards de l’accessibilité web est indispensable.

 

L’organisation de la structure de votre site , la proposition d’un contenu textuel compréhensible et les options supplémentaires permettant de consulter les contenus multimédia de manières différentes sont les clefs pour réussir à concevoir un site web accessible à tous les utilisateurs. 

 

Lire aussi :

Un projet ?

Vous avez un projet et vous souhaitez en parler ?
0 articles | 0
Commander
Prix TTC