Dans un récent article, nous avons fait un petit retour en arrière tandis que nos experts discutaient des atouts de leurs outils d’accessibilité préférés parmi les premiers à avoir vu le jour. Cette semaine, nous avons interrogé nos experts en accessibilité pour connaître leurs outils d’accessibilité préférés à l’heure actuelle. Il s’agit des outils de vérification et des outils d’accessibilité que nos experts utilisent dans leur travail quotidien ; les outils qui rendent l’accessibilité du Web possible.
aXe
Mis à part cette petite pub éhontée, aXe figurait en tête de la plupart des listes d’« outils d’accessibilité préférés » de nos experts. «aXe est un excellent outil pour les tests automatisés. Je l’utilise principalement via WS Assure », explique Gokhan Boybek, consultant senior en accessibilité.
aXe est le moteur de règles d’accessibilité JavaScript open source, léger et portable, développé par Deque. Il s’agit d’un outil de vérification de l’accessibilité rapide et gratuit qui ne génère aucun faux positif. Vous pouvez vous procurer aXe sous forme d’extension de navigateur, d’intégration dans un framework ou de dépôt GitHub. Mais le plus grand atout d’aXe est sans doute qu’il vous permet d’intégrer des tests d’accessibilité directement dans votre code source, ce qui empêche les problèmes d’accessibilité d’atteindre votre branche principale. « [J’utilise] aXe sur GitHub pour son efficacité, le fait qu’il ne génère aucun faux positif et parce qu’il est accessible », explique Jeanine K. Lineback, consultante senior en accessibilité.
aXe a été mis à jour il y a peu, et la version 2.0 d'aXe est plus performante que jamais. Comme cet outil de vérification de l'accessibilité vous permet d'intégrer des tests d'accessibilité directement dans votre code source et s'intègre parfaitement à vos frameworks de test existants, il réduit à la fois le coût et les difficultés liés au développement d'applications web accessibles.
WAVE
Nous avons longuement parlé de WAVE dans l'article de la semaine dernière consacré à nos outils d’accessibilité de la première heure. (WAVE était le seul outil mentionné qui soit encore d’actualité). WAVE est un service en ligne gratuit qui évalue l’accessibilité en proposant des représentations visuelles des problèmes d’accessibilité d’une page web. Il est disponible sous forme d’extensions pour Firefox et Chrome, ainsi que via une API. Glenda Sims, notre responsable de l’équipe A11y et directrice du conseil et de la méthodologie qualité, ne tarit pas d’éloges sur cet outil. « Il est super facile à utiliser. On peut même s’en servir sans rien installer », explique-t-elle. Glenda apprécie également le fait que WAVE soit l’un des rares outils d’accessibilité à présenter très peu de faux positifs. De plus, ajoute-t-elle, « [il] fournit de bonnes descriptions sur la manière de corriger [les problèmes d’accessibilité] et propose de bonnes options de test du contraste des couleurs ».
NoCoffee
L'un des principaux outils d'accessibilité cités par nos experts est NoCoffee, qui se distingue des outils de vérification d’accessibilité classiques en ce qu’il n’évalue pas et ne note pas les pages web. Il s’agit plutôt d’un outil d’accessibilité innovant qui permet aux testeurs d’accessibilité, aux développeurs et aux concepteurs UX de découvrir les pages web du point de vue d’un utilisateur malvoyant. C’est pourquoi NoCoffee s’est imposé comme un favori unique parmi nos experts.
Cette extension Chrome permet aux testeurs de simuler différents types de déficiences visuelles, allant du flou et du daltonisme à divers autres troubles de la vision, tels que la dégénérescence maculaire et le glaucome. Gokhan Boybek, consultant senior en accessibilité, trouve cette fonctionnalité très utile dans son travail. « C’est pratique de pouvoir afficher une page en noir et blanc pour identifier les éléments qui reposent uniquement sur la couleur et vérifier le contraste des liens », explique-t-il. Mais les experts en accessibilité ne sont pas les seuls à apprécier cet outil. Caitlin Geier, conceptrice UX chez Deque, utilise également NoCoffee.Deque« C’est très utile d’un point de vue conception », précise-t-elle. Nos experts apprécient cet outil car il peut être utilisé dans divers scénarios d’accessibilité. « [NoCoffee est] très utile pour effectuer des tests rapides et sommaires sur des maquettes visuelles et des interfaces utilisateur afin de repérer d’éventuels problèmes », explique le consultant principal en accessibilité Web, stratège et formateur chez xml-ph-0000@deepl.internal Denis Boudreau.
Analyseur de contraste des couleurs
« C’est un excellent outil d’accessibilité lorsque l’on doit sélectionner des pixels », explique Glenda Sims. Cet outil d’accessibilité vous permet de distinguer les éléments de contraste sur une page web, ainsi que d’évaluer la lisibilité et la clarté du texte. L’analyseur de contraste des couleurs effectue des mesures conformes aux normes WCAG 2.0 pendant que vous travaillez, et simule également certaines déficiences visuelles, notamment le daltonisme. Cet outil a été évoqué par bon nombre de nos experts, car les problèmes de contraste des couleurs comptent parmi les problèmes d’accessibilité les plus courants rencontrés sur les pages web.
Barre d'outils du développeur Web de Firefox
La barre d’outils pour développeurs Web de Firefox figurait également parmi les outils d’accessibilité les plus plébiscités par bon nombre de nos experts. Cette extension regroupe des dizaines de tests préconfigurés permettant de détecter les obstacles à l’accessibilité. Mais disposer d’un large choix ne simplifie pas toujours les choses. « C’est un peu difficile à utiliser au début, car elle offretant d’options », admet Denis Boudreau. « Mais elle devient rapidement un outil indispensable à avoir dans sa boîte à outils, car elle permet de reproduire la plupart des tests disponibles dans la barre d’outils d’accessibilité Web WAT-C. » Bon nombre de nos autres experts partageaient cet avis, privilégiant cet outil pour d’autres raisons. « J’utilise également la liste des titres », explique Marcy Sutton, notre ingénieure front-end senior et évangéliste de l’accessibilité. « Je l’apprécie car elle indique les endroits où une page a sauté des niveaux de titre. » Gokhan Boybek est lui aussi un adepte de la liste des titres. « [Je l’utilise] pour visualiser la structure des titres d’une page, pour mettre en évidence les listes et les tableaux, et pour identifier les images d’arrière-plan », précise-t-il.
Les bookmarklets de Paul Adam
Passons maintenant à la suite d'outils d'accessibilité la mieux gardée : les bookmarklets de Paul Adam. Plusieurs de nos experts ont fait l'éloge des bookmarklets de Paul, et on comprend facilement pourquoi : ils sont faciles à utiliser et polyvalents.
Paul J. Adam est évangéliste de l'accessibilité, consultant en accessibilité et développeur chez Deque. Ses bookmarklets sont utilisés pour tester l'accessibilité et sont accessibles aux utilisateurs de lecteurs d'écran. Ces bookmarklets de vérification de l'accessibilité utilisent JavaScript pour mettre en évidence les rôles, les états et les propriétés des éléments d'accessibilité présents sur la page. Jeanine K. Lineback utilise très souvent les bookmarklets de Paul, car, comme elle le dit, « ils sont faciles à utiliser et flexibles. De plus, ils fonctionnent sur tous les navigateurs et toutes les plateformes ».
Page de zoom (Firefox)
« Zoom Page » de Firefox figure également en tête de liste des outils d’accessibilité. Cette extension d’accessibilité offreun gestionnaire de zoom complet, avec des modes de zoom indépendants pour les pages et les images. « Vous pouvez choisir parmi quatre modes de zoom », explique Denis Boudreau, « Zoom par défaut, Ajuster à la largeur, Zoom par défaut + spécifique au site ou Ajuster à la largeur + spécifique au site ». De plus, le style des boutons et les niveaux de zoom sont entièrement configurables. « [C’est] l’une des meilleures options pour vérifier l’accessibilité aux personnes malvoyantes et la façon dont les pages web s’adaptent lorsque le zoom sur le texte est activé », ajoute Denis.
HTML Code_Sniffer
Plusieurs de nos experts ont mentionné cet outil d’accessibilité indépendant. Jeanine K. Lineback, par exemple, apprécie CodeSniffer car il est disponible sur plusieurs navigateurs « et il est lui-même assez accessible ». HTML_CodeSniffer est un script côté client qui analyse le code source HTML et détecte les violations d’une norme de codage définie. Ce bookmarklet est entièrement écrit en JavaScript, ne nécessite aucun traitement côté serveur et peut être étendu par les développeurs pour appliquer des normes de codage personnalisées en créant leurs propres « sniffs ».
Autres outils d'accessibilité les plus appréciés
Si les outils d'accessibilité évoqués ci-dessus ont la faveur des membres de notre équipe, certains de nos experts citent également toute une série d'autres outils qu'ils apprécient particulièrement. Marcy Sutton explique qu'outre axe, elle utilise principalement des outils intégrés aux navigateurs, tels que le Inspecteur d'accessibilité de Chrome (en phase d'expérimentation) et l’Inspecteur de nœuds d’accessibilité de Safari. Outre les outils d’accessibilité mentionnés ci-dessus, Glenda Sims apprécie les audits d’accessibilité de Google Chrome. « C’est un outil puissant et très précis », explique-t-elle. « J’apprécie particulièrement le fait qu’il recommande même le contraste de couleurs qui permettra de passer la [vérification]. »
De son côté, Dennis Lembree, consultant senior en accessibilité, préfère le bookmarklet Visual ARIA « pour la vérification ARIA. C’est un outil [conçu] davantage [pour être utilisé] par les développeurs. » Pour ceux qui débutent dans le domaine de l’accessibilité web, Dennis recommande d’utiliser le bookmarklet A11y.Css. « C’est [un bon outil] pour les designers aussi », ajoute-t-il. Et si vous recherchez d’autres outils de contraste des couleurs, Dennis vous recommande de consulter cette liste de WebAxe.
Jeanine K. Lineback apprécie l'application fichier UserAgent Switcher pour disposer d’un plus grand nombre de chaînes d’agent utilisateur. « Il permet de changer d’agent utilisateur à la volée, et il est accessible », explique-t-elle. Gokhan Boybek utilise diverses barres d’outils d’accessibilité en plus des outils dont il a parlé, comme la barre d’outils d’évaluation de l’accessibilité de Jon Gunderson (pour identifier les touches d’accès) et la barre d’outils d’accessibilité de Juicy Studio.
Côté mobile, Katie Haritos-Shea, notre architecte principale en accessibilité des TIC, apprécie particulièrement l’Accessibility Scanner pour Android. « J’adore les fonctionnalités de partage qui permettent de s’envoyer chaque rapport par e-mail. » Quant à Jeanine K. Lineback, elle est une grande adepte de l’Accessibility Scanner de Google pour les applications Android natives, « car c’est le seul outil que je connaisse qui permette de tester les applications Android natives et qui soit entièrement accessible avec TalkBack. »
Une chose est apparue clairement lors de nos discussions avec notre équipe au sujet des outils d'accessibilité : les professionnels du secteur de l'accessibilité du Web utilisent au quotidien une multitude d'outils et de vérificateurs d'accessibilité différents. Dans le cadre de notre mission en faveur de l'inclusion numérique, il nous incombe de veiller à ce que ces professionnels disposent des meilleurs outils possibles.
Ne manquez pas notre prochain article sur ce thème, dans lequel nous découvrirons à quoi ressemble un outil d'accessibilité idéal.
Nous remercions tous nos experts en accessibilité, stratèges, formateurs, concepteurs et développeurs pour leur contribution, et adressons des remerciements particuliers à Denis Boudreau, Gokhan Boybek, Jeanine K. Lineback, Glenda Sims, Dennis Lembree, Caitlin Geier, Marcy Sutton et Katie Haritos-Shea.
