L'équipe d'Deque Labs a une excellente nouvelle à vous annoncer : une toute nouvelle version de notre extension gratuite aXe pour Chrome est désormais disponible au téléchargement ! Nous avons entièrement repensé l'interface utilisateur et ajouté de nouvelles fonctionnalités puissantes pour vous aider à réviser vos révisions avec plus de précision. Je vais vous présenter les nouveautés dans cet article afin que vous puissiez vous lancer sans attendre avec notre dernière version.
Une toute nouvelle interface utilisateur !
axe DevTools pour Chrome (et bientôt pour Firefox) dispose d’une interface entièrement repensée, mise en œuvre à l’aide de la bibliothèque de modèles accessible d’ Deque. Vous y trouverez des mises en page adaptatives, des polices plus marquantes et une meilleure organisation des problèmes, ainsi qu’un menu déroulant d’informations indiquant à la fois la version de l’extension et celle de l’API d’aXe-core .
Pour vous éviter un clic lors du chargement, l'analyse s'effectue désormais par défaut sur le premier ticket. La navigation repensée facilite la navigation parmi un grand nombre de tickets grâce à des liens vers le premier, le précédent, le suivant et le dernier. Comme nous le verrons plus en détail un peu plus loin dans cet article, un menu déroulant de navigation fixe s'affichera également par défaut sur le dernier filtre de tickets utilisé lors de la consultation des éléments.
Tout comme avec notre ancienne extension Firefox, vous pouvez désormais mettre en surbrillance des nœuds de la page sans fermer l'interface utilisateur de l'extension Chrome, tout en utilisant la fonction « Inspecter le nœud » qui ouvre l'inspecteur d'éléments du navigateur. Pour obtenir de l'aide sur la résolution de ces problèmes, vous pouvez consulter les conseils proposés dans l'extension pour résoudre des problèmes d'accessibilité spécifiques, ainsi que les liens « En savoir plus » qui renvoient vers nos pages de documentation gratuites sur Deque University.
À vérifier
En effectuant vos analyses, vous constaterez qu’une modification importante a été apportée à aXe 3.0.0 afin de refléter la nature complexe des tests d’accessibilité. Outre les résultats « réussi » et « échoué », l’extension aXe propose désormais une nouvelle catégorie de résultats intitulée « À vérifier ».
Un résultat « À réexaminer » apparaît lorsque aXe-core ne dispose pas d’informations suffisantes pour établir avec certitude si un élément est conforme ou non. Afin de respecter notre philosophie « zéro faux positif » en matière de violations d’accessibilité, l’interface utilisateur d’aXe propose une option permettant de déterminer si un élément constitue une violation ou s’il peut être rejeté. Si aXe-core ne parvient pas à se prononcer pour une raison spécifique, par exemple lors de la détection du contraste des couleurs sur une image d’arrière-plan ou un dégradé, il vous soumettra cette information pour que vous puissiez la vérifier. Dans les prochaines versions, le statut « À examiner » pourrait être utilisé pour signaler davantage de contenus nécessitant une inspection manuelle.
Voici un exemple d'élément d'évaluation portant sur le contraste des couleurs :
Pour déboguer le contraste des couleurs sur les nœuds comportant des images d’arrière-plan, une technique consiste à désactiver l’image d’arrière-plan dans les outils de développement du navigateur, puis à relancer aXe. Pour les images décoratives qui n’ont pas d’incidence sur le texte au premier plan, vous pouvez sélectionner « Ce n’est pas un problème » et passer à l’élément suivant. S’il s’agit d’un véritable problème à corriger, vous pouvez fournir une description du problème qui sera transmise à la liste des violations.
aXe enregistrera vos décisions dans la session de navigation en cours, soit comme « violations », soit comme « rejetées », avec la possibilité de les modifier à nouveau ultérieurement. Les éléments de révision que vous n’avez pas encore modifiés peuvent être isolés à l’aide du menu déroulant du filtre de problèmes, tout comme les éléments que vous avez rejetés en les qualifiant de « non problématiques ». Les éléments de révision modifiés et considérés comme des problèmes légitimes sont ajoutés à la liste des violations correspondant à cette règle spécifique.
Les éléments à examiner ne vous intéressent pas particulièrement ? Utilisez le menu déroulant du filtre « Problèmes » pour n'afficher que les violations au lieu de tout afficher; votre choix sera pris en compte et restera actif lors des analyses suivantes.
Notes techniques
Nous avons entièrement réécrit le code source à l'aide de React, Redux et des API WebExtensions, ce qui facilitera son portage vers d'autres navigateurs à l'avenir. Nous suivons de près l'évolution des API afin de définir les priorités de nos travaux futurs.
Vous pouvez désormais utiliser aXe sur des fichiers locaux, en plus des pages hébergées, ce qui facilite l'analyse du contenu avant son déploiement sur un serveur. (Vous développez avec React ? Découvrez notre module React-aXe pour effectuer des tests plus tôt dans le cycle de vie du développement logiciel.)
Donner son avis
Comme il s'agit d'une nouvelle version d'un outil de test d'accessibilité déjà bien établi, nous serions ravis de connaître votre avis. Vous l'appréciez ? Vous aimeriez qu'il fonctionne différemment ? Envoyez-nous un e-mail à l'adresse axe@deque.com.
Vous pouvez également venir nous rendre visite et en savoir plus sur aXe sur notre nouveau site web, https://axe-core.org.
Merci de contribuer à rendre le Web plus accessible grâce à aXe !
