Axe DevTools Extension Updates: New Accessibility Issue Screenshot Functionality

Harris Schneiderman

By Harris Schneiderman

December 9, 2021

axe DevTools Screenshotting Functionality

There are some awesome updates included in the 4.19.0 axe DevTools browser extension.

The primary focus of this release is issue screenshotting. When Pro users are sharing issues found with automated analysis or one of our Intelligent Guided Tests™ (IGTs), the extension now captures and stores a screenshot of the element in question to provide context and insight into the issue!

In addition, version 4.19 will ship some important bug fixes and an upgrade to axe-core version 4.3.5.

Introducing Issue Screenshots

Highlighting an accessibility issue is a great way to view the associated HTML element within the context of the whole page, but what if you want to save an issue and come back to it later? What if you want to share that same insightful context with someone else on your team? With our new issue screenshotting functionality you can!

Anytime you run an automated scan or an IGT, the axe DevTools browser extension will automatically capture a screenshot of the issue for you. For automated issues, it captures the full page and highlights the element within that page. For IGT issues, it takes a screenshot of just the issue’s element. When you share an issue, the associated screenshot will be included.

Watch a quick demo video to learn more about this new functionality.

Managing Your Data

To support this new feature, our extension captures and stores additional data (the screenshot) as you would expect. The screenshot is only visible in the context of your shared issue and we will never share any of your data with anyone for any reason.

Opting Out of Screenshots

While we don’t recommend opting out of screenshots, if you are not comfortable with this feature, you can disable it in the settings view. However, doing so will turn off all screenshotting including our IGT machine learning optimizations, which save you tons of time.

To disable all screenshotting:

  • Click the options menu in the top-right corner of the axe DevTools Extension
  • Select “Settings”
  • Click “Advanced”
  • Uncheck the “Enable Screenshotting” checkbox
  • Click “SAVE”.

Screenshot of the Advanced Setting option where you can Enable/Disable Screenshotting functionality in the axe DevTools

On-premises/Private Cloud Configuration

If you have an on-premises instance of the axe DevTools server, the screenshot feature will need to be installed and enabled. Please contact helpdesk@deque.com if you would like this great new feature enabled.

Conclusion

As always, it’s our mission to make accessibility testing easier and more efficient for all. You and your teammates will surely appreciate the context provided by this brand new issue screenshot functionality. Enjoy the new and improved shared issue view and happy a11y testing!

Remember, if you’re not currently using axe DevTools Pro, you can try it free (no payment needed).

Harris Schneiderman

Harris Schneiderman

Harris Schneiderman is a web developer with a strong passion for digital equality. He works at Deque Systems as the Senior Product Manager of axe DevTools building awesome web applications. He wrote Cauldron (Deque's pattern library), Dragon Drop, and is the lead developer on axe DevTools Pro. When he is not at work, he still finds time to contribute to numerous open source projects.

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

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

Comment passer à des outils d'accessibilité payants lorsque vous devez accélérer vos progrès

Jeremy Rivera
3 septembre 2025 Par Jeremy Rivera

En tant que développeurs, nous apprécions les outils gratuits. Nous les utilisons tout le temps. Et lorsque nous nous lançons dans un nouveau projet, l’une des premières choses que nous faisons…

Lire l'article
Deux personnes regardent l'écran d'un ordinateur sur lequel s'affiche du code, tandis que l'une d'elles le montre du doigt. D'autres écrans affichant du code sont visibles à l'arrière-plan. Les légendes indiquent : « Outils d'accessibilité », « Outils gratuits ou payants », « Budgétisation » et « Codage accessible ».