Mises à jour de l'extension Axe DevTools : testez l'intégralité de votre page grâce aux tests guidés intelligents à exécutions multiples

Harris Schneiderman

Par Harris Schneiderman

8 septembre 2022

Sortie de l'extension axeDevTools, septembre 2022

La nouvelle version de l'extension de navigateur DevTools permet aux utilisateurs de tester plus facilement une page entière en exécutant plusieurs fois le même test guidé intelligent (IGT). Aujourd'hui, presque toutes les pages de tous les sites web comportent au moins quelques éléments interactifs, du contenu dynamique et, généralement, plusieurs formulaires ou fenêtres modales. Auparavant, pour tester tous ces éléments et enregistrer les résultats, il fallait mettre en place des tests entièrement distincts pour chacun d'entre eux.

Désormais, les utilisateurs peuvent tester l'intégralité du contenu de leurs pages en une seule exécution de test, ce qui leur permet de gagner un temps considérable et de réduire considérablement leurs efforts, tout en offrant une vue d'ensemble de tous les tests pour les pages complexes ! De plus, cette version comprend plusieurs améliorations de l'interface utilisateur, notamment le déplacement de certains contrôles.

Quoi de neuf ?

Interface utilisateur (IU) améliorée pour les résultats

Nous avons apporté des modifications importantes à l'écran affichant les résultats de l'analyse. Regardez cette courte vidéo de démonstration pour découvrir les nouveautés de l'extension.

  • De nouveaux onglets « Aperçu » et « Tests guidés ».

Capture d'écran des nouveaux onglets « Aperçu » et « Tests guidés » de l'extension axe DevTools.

  • Un bouton « Déplier/Réduire » permettant de déplier ou de réduire la section récapitulative du test.

Capture d'écran du nouveau bouton « Toggle Collapse » de l'extension axe DevTools, qui permet de développer ou de réduire la section récapitulative des tests.

  • Le bouton « À mettre en avant » a été déplacé dans l'accordéon « Catégories de problèmes ».
    • Avant :

Capture d'écran montrant l'emplacement de la fonctionnalité « mise en surbrillance » avant la dernière version de l'extension axe DevTools.

    • Après :

Capture d'écran montrant l'emplacement actuel de la fonctionnalité « highlight » après la dernière mise à jour de l'extension axe DevTools.

  • Les catégories de tickets ont été déplacées dans un menu en accordéon qui s'ouvre pour afficher tous les détails du ticket, y compris les commandes permettant de « vérifier », de consulter « plus d'informations » et de « partager un ticket ».
    • Avant :

Capture d'écran montrant l'emplacement des fonctionnalités « inspecter », « plus d'informations » et « signaler un problème » avant la dernière version de l'extension axe DevTools.

    • Après :

Capture d'écran montrant où se trouvent désormais les fonctionnalités « inspecter », « plus d'informations » et « signaler un problème » dans la dernière version de l'extension axe DevTools.

Test de plusieurs composants ou états

Avant cette mise à jour, les utilisateurs ne pouvaient exécuter un IGT donné qu'une seule fois par test. Par exemple, si vous souhaitiez tester deux modaux, vous deviez effacer les résultats du premier modal pour tester le second, ou bien lancer un tout nouveau test. Cela ralentissait le processus de test, ce qui compliquait la tâche des utilisateurs souhaitant tester intégralement des pages et/ou des états de page au sein d'un test enregistré. Il était également difficile de regrouper tous les résultats relatifs à la page, car ceux-ci se trouvaient dans différents tests enregistrés.

Désormais, les utilisateurs peuvent exécuter le même IGT plusieurs fois et conserver les résultats de chaque exécution ! Cela peut s'avérer particulièrement utile pour diviser les tests en blocs logiques (par exemple, tous les éléments interactifs de la navigation par rapport à tous les éléments interactifs du contenu principal), tout en pouvant suivre et/ou exporter tous les problèmes détectés.

Capture d'écran de la boîte de dialogue modale « Intelligent Guided Test » affichant 1 exécution en cours et 1 terminée dans l'extension DevTools d'Axe.

Comment exécuter un IGT plusieurs fois :

  1. Accédez à un test déjà enregistré ou lancez une nouvelle analyse, puis cliquez sur « ENREGISTRER LE TEST »
  2. Cliquez sur l'onglet « Tests guidés »
  3. Recherchez l'IGT souhaité et cliquez sur le bouton « Démarrer » (par exemple, « Démarrer l'exécution de la boîte de dialogue modale » pour l'IGT « Boîte de dialogue modale »).Capture d'écran de l'onglet « Guided Test » avec l'option « Stat Modal Dialog Run » mise en surbrillance dans l'extension DevTools d'Axe.
  4. Lancez l'IGT et terminez-le ou cliquez sur « Enregistrer et quitter » à tout moment pendant son exécution.
  5. Le bouton « Démarrer » restera actif dans cet IGT afin que les utilisateurs puissent créer une nouvelle session sans avoir à effacer celle en cours.

Conclusion

Il est désormais très simple de diviser les tests d'une page complexe et de tester plusieurs instances de composants tels que les boîtes de dialogue et les formulaires, ce qui rend vos tests et la gestion des résultats plus faciles et plus efficaces !

Pour assister à une démonstration en direct des dernières mises à jour de l'extension de navigateur axe DevTools, participez à ce webinaire le 22 septembre.

Nous serions ravis de connaître votre avis sur ces nouvelles fonctionnalités. N'hésitez pas à nous envoyer un e-mail à l'adresse HelpDesk@deque.com pour nous faire part de vos commentaires.

Si vous n'utilisez pas encore axe DevTools Pro, inscrivez-vous dès aujourd'hui pour bénéficier d'un essai gratuit (sans engagement).

Harris Schneiderman

Harris Schneiderman

Harris Schneiderman est un développeur web animé par une grande passion pour l'égalité numérique. Il travaille chez Deque Systems en tant que chef de produit senior pour axe DevTools, où il développe des applications web exceptionnelles. Il est l'auteur de Cauldron (la bibliothèque de modèles deDeque) et de Dragon Drop, et occupe le poste de développeur principal sur axe DevTools Pro. Lorsqu'il n'est pas au travail, il trouve encore le temps de contribuer à de nombreux projets open source.

Recevez les articles de blog directement dans votre boîte mail

Pas de bavardages inutiles, mais des informations concrètes sur l'accessibilité, fournies par des experts qualifiés.

Vous acceptez que Deque , utilise et partage des informations conformément à Dequedéclaration de confidentialité. Vous pouvez modifier votre consentement à tout moment en nous contactant.

En savoir plus sur ce sujet

Nouveautés d'Axe MCP Server : une couverture plus automatisée et des workflows de développement optimisés

Les tests d'accessibilité automatisés permettent aux équipes de détecter les problèmes plus tôt dans le cycle de développement et de réduire la charge de travail manuel. Cependant, certains des contrôles d'accessibilité les plus complexes ont traditionnellement nécessité des tests guidés ou manuels. Grâce aux dernières mises à jour d'Axe MCP Server, vos développeurs peuvent désormais automatiser encore davantage de tests d'accessibilité directement au sein de leurs workflows de développement.

Lire l'article
Image illustrant comment utiliser le serveur Axe MCP pour effectuer deux tâches : analyser les problèmes d'accessibilité à l'aide d'un ensemble de règles avancées et exécuter le test IGT au clavier

Je suis responsable technique. Par où commencer en matière d'accessibilité ?

Dylan Barrell
28 avril 2026 Par Dylan Barrell

En tant que responsable technique chargé pour la première fois de l'accessibilité numérique, par où commencer ? Ce plan d'action en trois étapes, s'étalant sur 90 jours, vous aidera à vous lancer.

Lire l'article
Un responsable technique travaillant à son bureau. Des bulles entourent l'image et indiquent les mots suivants : « Conformité », « Outillage et tests », « Formation des développeurs » et « Stratégie ».