Axe extension

Axe DevTools Extension Updates: New Share Issue Feature & Improved Issue Summary We have a lot of exciting updates included in the 4.9.3 release of the axe DevTools Browser Extension.This release was all about implementing improvements based on user feedback. A brand new Share Issue feature is now available and the Export Issues feature is easier to access for axe DevTools Pro users. We’ve also made accessibility enhancements, updated the extension to axe-core 4.2, and you now have the ability to toggle Best Practices On/Off. Introducing Share Issue Feature In axe DevTools Pro, you find issues by doing automated and Intelligent Guided Tests™. But we know sharing is caring, and now you can do even more of it with the axe DevTools extension. Now, you can save your test and share individual issues. With one click, a customized URL with all issue description information is created for you to easily share with colleagues or your issue tracking software of choice, whether it’s JIRA, Github, Rally, Azure, or any other defect tracking or test management system. With this new addition, anyone can have insight into the issues you’ve identified. Watch this quick 2-minute demo video of the new Share Issue feature. This is just the beginning of what we have in store for sharing, so stay tuned!Best Practices On/Off Toggle and Export Issues Based on your feedback, you can now decide when to filter Best Practices out or leave them in. Go back and forth as often as you need with the easily accessible toggle, which is now available in the results summary. Best Practices will be included in the severity counts only if you have them turned on.Axe DevTools Pro users also provided feedback on the prominence of the Export Issues button. Export Issues is now prominently visible in the issue summary view and you don’t need to save results to export issues anymore. Always visible, handily available!Accessibility EnhancementsWe are constantly looking to improve the usability of the axe DevTools Browser Extension with Assistive Technologies (AT). Based on feedback we received from usability testing of native screen reader users, the

Is not locked to any specific display orientation, and the content is operable in all display orientations Serious cat.structure, wcag134, wcag21aa, EN-301-549, EN-9.1.3.4, experimental failure, needs review b33eff focus-order-semantics Ensures elements in the focus order have a role appropriate for interactive content Minor cat.keyboard, best-practice, experimental failure hidden-content Informs users about hidden content. Minor cat.structure, best-practice, experimental, review-item failure, needs review label-content-name-mismatch Ensures that elements labelled through their content must have their visible text as part of their accessible name Serious cat.semantics, wcag21a, wcag253, EN-301-549, EN-9.2.5.3, experimental failure 2ee8b8 p-as-heading Ensure bold, italic text and font-size is not used to style elements as a heading Serious cat.semantics, wcag2a, wcag131, EN-301-549, EN-9.1.3.1, experimental failure, needs review table-fake-caption Ensure that tables with a caption use the element. Serious cat.tables, experimental, wcag2a, wcag131, section508, section508.22.g, EN-301-549, EN-9.1.3.1 failure td-has-header Ensure that each non-empty data cell in a larger than 3 by 3 has one or more table headers Critical cat.tables, experimental, wcag2a, wcag131, section508, section508.22.g, TTv5, TT14.b, EN-301-549, EN-9.1.3.1 failure Deprecated Rules Deprecated rules are disabled by default and will be removed in the next major release. Rule ID Description Impact Tags Issue Type ACT Rules aria-roledescription Ensure aria-roledescription is only used on elements with an implicit or explicit role Serious cat.aria, wcag2a, wcag412, EN-301-549, EN-9.4.1.2, deprecated failure, needs review audio-caption Ensures elements have captions Critical cat.time-and-media, wcag2a, wcag121, EN-301-549, EN-9.1.2.1, section508, section508.22.a, deprecated needs review 2eb176, afb423 duplicate-id-active Ensures every id attribute value of active elements is unique Serious cat.parsing, wcag2a-obsolete, wcag411, deprecated failure 3ea0c8 duplicate-id Ensures every id attribute value is unique Minor cat.parsing, wcag2a-obsolete, wcag411, deprecated failure 3ea0c8 Axe browser extensionsThe axe features are integrated into the developer tools. axe Chrome browser extension axe Firefox browser extension axe Edge browser extensionContribute to axe on You can find the axe-core source code on GitHub.See also the axe-core changelog on GitHub.Deque's Enterprise Suite of Accessibility Tools axe DevTools: Empower development teams to find, prevent, and fix accessibility issues while they code. axe Auditor: Bring efficient, full-coverage auditing capabilities to your testing teams with this step-by-step manual accessibility testing tool. axe Monitor: Dynamically

Occur, and the code that’s associated with those errors. The extension also includes a quick reference guide to the WCAG guidelines and links to the success criteria that come up in the errors and warnings it finds.axe DevTools extensionThe next extension that I recommend is the axe DevTools extension. Axe-core is used in other tools such as Lighthouse, Jest, Selenium, and a variety of command-line accessibility checkers.Maintained by the team at Deque, axe-core and the axe DevTools extension are great tools to help catch some of the things that WAVE doesn’t. Just click the button and scan the page.A list of issues that it found will automatically come up, and then you’ll see a breakdown of its estimate of each error’s severity: critical, serious, moderate, and minor. I incorporate severity reports into audits I do so that clients can plan a course of attack to resolve issues and triage accessibility errors accordingly.You’ll get a list of all the issues and a description for each issue. And when you’re viewing the list of errors, you can toggle its list of best practices on or off.A pane on the right will give you options to highlight the errors and view the elements in question in Firefox’s Inspector tab. Clicking on More Info will open an in-depth entry on Deque University about the error and how to fix it. That pane also includes a code description and some recommendations to help you solve the issue.Other extensionsSome other browser extensions that I also recommended for accessibility testing:IBM Equal Access Accessibility Checker (Accessibility checker)Fontanello (Typography and color-contrast tool)HeadingsMap (Show, browse, and audit headings’ structure)Landmark Navigation via Keyboard or Pop-up (Navigate a page using WAI-ARIA landmarks)Lighthouse (Tool for improving the quality of web pages)VisBug (Open-source web-design debug tools built with JavaScript: ​it’s like if there were

ID Description Impact Tags Issue Type ACT Rules css-orientation-lock Ensures content is not locked to any specific display orientation, and the content is operable in all display orientations Serious cat.structure, wcag134, wcag21aa, EN-301-549, EN-9.1.3.4, experimental failure, needs review b33eff focus-order-semantics Ensures elements in the focus order have a role appropriate for interactive content Minor cat.keyboard, best-practice, experimental failure hidden-content Informs users about hidden content. Minor cat.structure, best-practice, experimental, review-item failure, needs review label-content-name-mismatch Ensures that elements labelled through their content must have their visible text as part of their accessible name Serious cat.semantics, wcag21a, wcag253, EN-301-549, EN-9.2.5.3, experimental failure 2ee8b8 p-as-heading Ensure bold, italic text and font-size is not used to style elements as a heading Serious cat.semantics, wcag2a, wcag131, EN-301-549, EN-9.1.3.1, experimental failure, needs review table-fake-caption Ensure that tables with a caption use the element. Serious cat.tables, experimental, wcag2a, wcag131, section508, section508.22.g, EN-301-549, EN-9.1.3.1 failure td-has-header Ensure that each non-empty data cell in a larger than 3 by 3 has one or more table headers Critical cat.tables, experimental, wcag2a, wcag131, section508, section508.22.g, TTv5, TT14.b, EN-301-549, EN-9.1.3.1 failure Deprecated Rules Deprecated rules are disabled by default and will be removed in the next major release. Rule ID Description Impact Tags Issue Type ACT Rules aria-roledescription Ensure aria-roledescription is only used on elements with an implicit or explicit role Serious cat.aria, wcag2a, wcag412, EN-301-549, EN-9.4.1.2, deprecated failure, needs review audio-caption Ensures elements have captions Critical cat.time-and-media, wcag2a, wcag121, EN-301-549, EN-9.1.2.1, section508, section508.22.a, deprecated needs review 2eb176, afb423 duplicate-id-active Ensures every id attribute value of active elements is unique Serious cat.parsing, wcag2a-obsolete, wcag411, deprecated failure 3ea0c8 duplicate-id Ensures every id attribute value is unique Minor cat.parsing, wcag2a-obsolete, wcag411, deprecated failure 3ea0c8 Axe browser extensionsThe axe features are integrated into the developer tools. axe Chrome browser extension axe Firefox browser extension axe Edge