Mises à jour de l'extension Axe DevTools : nouvelle fonctionnalité permettant de capturer des captures d'écran des problèmes d'accessibilité

Harris Schneiderman

Par Harris Schneiderman

9 décembre 2021

Fonctionnalité de capture d'écran d'axe DevTools

La version 4.19.0 de l'extension de navigateur Axe DevTools comprend des mises à jour géniales.

Cette mise à jour est principalement axée sur la capture d'écran des problèmes. Lorsque les utilisateurs Pro partagent des problèmes détectés par l'analyse automatisée ou l'un de nos tests guidés intelligents™ (IGT), l'extension capture et enregistre désormais une capture d'écran de l'élément concerné afin de fournir du contexte et des informations supplémentaires sur le problème !

Par ailleurs, la version 4.19 apportera plusieurs corrections de bogues importantes ainsi qu'une mise à jour vers la version 4.3.5 d'axe-core .

Présentation des captures d'écran du numéro

Mettre en évidence un problème d'accessibilité est un excellent moyen de visualiser l'élément HTML associé dans le contexte de la page entière, mais que faire si vous souhaitez enregistrer un problème pour y revenir plus tard ? Et si vous souhaitez partager ce même contexte pertinent avec un autre membre de votre équipe ? Grâce à notre nouvelle fonctionnalité de capture d'écran des problèmes, c'est désormais possible !

Chaque fois que vous lancez une analyse automatisée ou un test IGT, l'extension de navigateur axe DevTools capture automatiquement une capture d'écran du problème pour vous. Pour les problèmes détectés automatiquement, elle capture la page entière et met en évidence l'élément concerné au sein de cette page. Pour les problèmes détectés par un test IGT, elle ne capture que l'élément en question. Lorsque vous partagez un problème, la capture d'écran associée est incluse.

Regardez une courte vidéo de démonstration pour en savoir plus sur cette nouvelle fonctionnalité.

Gérer vos données

Pour prendre en charge cette nouvelle fonctionnalité, notre extension capture et stocke des données supplémentaires (la capture d'écran), comme vous pouvez vous y attendre. La capture d'écran n'est visible que dans le cadre de votre ticket partagé et nous ne partagerons jamais aucune de vos données avec qui que ce soit, pour quelque raison que ce soit.

Désactivation des captures d'écran

Bien que nous ne recommandions pas de désactiver la fonction de capture d'écran, si celle-ci vous dérange, vous pouvez la désactiver dans les paramètres. Cependant, cela désactivera toutes les captures d'écran, y compris nos optimisations basées sur l'apprentissage automatique IGT, qui vous font gagner un temps considérable.

Pour désactiver toutes les captures d'écran :

  • Cliquez sur le menu des options situé dans le coin supérieur droit de l'extension Axe DevTools.
  • Sélectionnez « Paramètres »
  • Cliquez sur « Avancé »
  • Décochez la case « Activer la capture d'écran »
  • Cliquez sur « ENREGISTRER ».

Capture d'écran de l'option « Paramètres avancés » permettant d'activer ou de désactiver la fonctionnalité de capture d'écran dans axe DevTools

Configuration sur site / dans un cloud privé

Si vous disposez d'une instance sur site du serveur axe DevTools, la fonctionnalité de capture d'écran devra être installée et activée. Veuillez contacter helpdesk@deque.com si vous souhaitez que cette nouvelle fonctionnalité très pratique soit activée.

Conclusion

Comme toujours, notre mission est de rendre les tests d'accessibilité plus faciles et plus efficaces pour tous. Vous et vos collègues apprécierez certainement le contexte fourni par cette toute nouvelle fonctionnalité de capture d'écran des tickets. Profitez de cette nouvelle vue partagée des tickets, désormais améliorée, et bons tests d'accessibilité !

N'oubliez pas : si vous n'utilisez pas encore axe DevTools Pro, vous pouvez l'essayer gratuitement (aucun paiement requis).

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 ».