Dans cet article, tu découvriras quels sont les outils qu'on utilise généralement dans les tests d'accessibilité, où tu peux les choper, et où trouver plus d'information sur comment les manier.
En général, les outils d'accessibilité sont répartis comme suit:
Logiciels de lecteurs d'écran: lisent le contenu de la page à l'écran.
Logiciels de reconnaissance vocale: transforment les paroles en texte.
Claviers spéciaux: ces claviers sont conçus pour faciliter la saisie pour ceux qui ont des soucis moteurs.
Logiciels de grossissement d'écran: destinés aux malvoyants, ils agrandissent l'affichage pour rendre la lecture plus facile.
Dans cet article, on se concentre surtout sur les logiciels de lecteurs d'écran et les astuces de navigation au clavier.
Navigation au clavier
Pour tester l'accessibilité et utiliser un lecteur d'écran, faut connaître les combinaisons de touches de base. Sur cette page suivante, tu trouveras des combinaisons de touches essentielles qui te permettront de naviguer sur des sites web sans avoir besoin de la souris: https://webaim.org/techniques/keyboard/
Lecteurs d'écran
Selon la American Foundation for the Blind, ❝Les lecteurs d'écran sont des programmes informatiques qui permettent aux utilisateurs aveugles ou malvoyants de lire le texte affiché à l'écran de l'ordinateur à l'aide d'un synthétiseur vocal... Un lecteur d'écran sert d'interface entre le système d'exploitation de l'ordinateur, ses applications et l'utilisateur. L'utilisateur envoie des commandes en appuyant sur différentes combinaisons de touches du clavier de l'ordinateur... pour indiquer au synthétiseur vocal ce qu'il doit dire et pour parler automatiquement lorsque des changements se produisent à l'écran de l'ordinateur❞. En plus de cela, les lecteurs d'écran offrent diverses fonctions telles que la lecture et la recherche de texte à l'écran.
Avec l'aide des lecteurs d'écran, les personnes malvoyantes et aveugles peuvent utiliser des applications, rédiger des documents, envoyer des e-mails, naviguer sur le web, et bien plus encore, à condition que les sites web et les applications aient été adaptés pour répondre à leurs besoins.
Pour les outils de lecteur d'écran suivants, on te recommande de mater des tutoriels sur YouTube pour bien les prendre en main.
Ordinateurs Windows
NVDA (Non Visual Desktop Access) est un logiciel open source gratuit conçu pour t'aider à utiliser des logiciels et des sites web sur ton ordinateur.
Pour le télécharger, rends-toi sur la page https://www.nvaccess.org/download/
Fais défiler la page et clique sur le bouton de Téléchargement
Exécute le package d'installation téléchargé et suis les instructions pour terminer l'installation
Une fois l'installation terminée, tu peux lancer NVDA, et à partir de là, le lecteur d'écran te narrera les éléments sur lesquels tu te concentres avec le clavier ou la souris, et il narrera le texte que tu entres dans les champs.
Sur cette page, tu trouveras des combinaisons de touches avancées que tu peux utiliser avec ton lecteur d'écran NVDA pour naviguer dans le contenu des pages web : https://webaim.org/resources/shortcuts/nvda
JAWS est un lecteur d'écran payant, mais tu peux l'utiliser gratuitement pendant 40 minutes. Lorsque la session de 40 minutes expire, tu dois redémarrer ton ordinateur pour commencer une nouvelle session gratuite. Voici comment installer et configurer JAWS sur ton ordinateur Windows :
Télécharge la dernière version officielle du lecteur d'écran JAWS, qui se trouve parmi les liens plus bas sur la page. Ne installe pas la version bêta, car elle n'est pas garantie de fonctionner de manière fiable.
Suis les instructions pour terminer l'installation.
On te demandera de redémarrer ton ordinateur pour finaliser le processus.
On te recommande de consulter les raccourcis clavier de navigation pour JAWS pour te familiariser avec le logiciel.
Ordinateurs Apple
Les ordinateurs Apple qui tournent sous le système d'exploitation macOS ont leur propre lecteur d'écran intégré appelé VoiceOver.
Pour activer cette fonction sur ton Mac, va dans Préférences Système.
Ouvre la page Accessibilité (regarde la première image ci-dessous).
Sur cette page, coche la case Activer VoiceOver (comme tu peux voir sur la deuxième image ci-dessous).
En utilisant le bouton Ouvrir l'entraînement VoiceOver... en bas, tu peux démarrer une formation qui t'apprendra comment utiliser VoiceOver sur ton ordinateur Mac.
Consulte le Guide de l'utilisateur officiel de VoiceOver d'Apple pour en savoir plus sur l'utilisation de VoiceOver sur macOS Catalina.
Appareils Apple iOS (iPhone et iPad)
Les appareils avec le système d'exploitation iOS ont leur propre lecteur d'écran intégré appelé VoiceOver.
Active-le en allant dans Paramètres > Accessibilité > VoiceOver.
Active l'option VoiceOver en haut.
Clique sur Pratiquer avec VoiceOver ci-dessous pour tester chaque geste disponible et les actions qu'ils déclenchent.
À partir de ce point, la manière dont tu utilises ton appareil iOS change. L'article officiel suivant d'Apple t'aidera avec les gestes: Apprendre les gestes VoiceOver sur iPhone.
D'autres articles utiles sur VoiceOver peuvent être trouvés dans la table des matières sur cette page même, en visitant Table des matières > Accessibilité > Vision > VoiceOver.
Appareils Android (téléphones et tablettes)
Android a son propre lecteur d'écran appelé TalkBack.
Active-le en allant dans Paramètres > Accessibilité > TalkBack sur ton appareil.
Active l'option Utiliser le service pour activer le lecteur d'écran.
Note les instructions succinctes ci-dessous l'option Utiliser le service sur la manière d'utiliser TalkBack sur Android. Pour des infos détaillées, consulte le guide de Google Commencez sur Android avec TalkBack.
Outils de vérification du contraste des couleurs
Une partie importante des tests d'accessibilité consiste à vérifier si les contrastes de couleur des textes sur leurs arrière-plans respectifs sont suffisants, afin que les personnes malvoyantes puissent lire ces textes plus facilement.
Il existe deux outils de vérification de contraste des couleurs les plus utilisés:
Le Contrast Checker de WebAIM te permet de vérifier rapidement le contraste pour un élément HTML individuel. Si tu veux vérifier des pages entières au lieu d'un seul élément, consulte WAVE ci-dessous.
Le Colour Contrast Analyser (CCA), disponible pour Windows et macOS, mesure les ratios de contraste des couleurs et fournit des infos sur leur conformité avec les WCAG 2.1. L'outil indique les points de contrôle WCAG qui ne sont pas respectés en fonction de ses mesures.
En utilisant la fonction ❝Pincer❞, tu peux mesurer les couleurs d'un texte et de son arrière-plan ou les saisir manuellement, et l'application calculera le ratio de contraste des couleurs.
Outils automatisés
WAVE est un outil gratuit d'évaluation de l'accessibilité web proposé par WebAIM. Il se compose d'un ensemble d'outils d'évaluation qui peuvent identifier de nombreuses erreurs d'accessibilité et de conformité aux directives pour l'accessibilité du contenu web (WCAG). Il offre des retours visuels sur l'accessibilité du contenu d'un site web en injectant des icônes et des indicateurs dans la page, ce qui facilite considérablement le test de l'accessibilité d'un site web et réduit tes efforts de test manuel.
Tu peux utiliser l'outil WAVE en ligne ou les extensions WAVE pour Firefox et Chrome pour analyser les ratios de contraste des couleurs sur des pages entières.
Pour commencer, consulte cette introduction proposée par WebAIM.
En alternative, tu peux essayer l'outil HTML Validator proposé par le W3C.