Accessibility Developer Tools
Rate 4.04 / 107 votes
More than 92712 users worldwide
Current version: 2.10.9
Price: FREE
More than 92712 users worldwide
Current version: 2.10.9
Price: FREE
Like this extension ? Like/Share it!
Accessibility audit and element properties.This extension will add an Accessibility audit, and an Accessibility sidebar pane in the Elements tab, to your Chrome Developer Tools.
To use the audit: go to the Audits tab, select the Accessibility audit, and click Run. The audit results will appear as a list of rules which are violated by the page (if any), with one or more elements on the page shown as a result for each rule.
To use the sidebar pane: inspect an element in the Elements tab, then expand the Accessibility sidebar pane (note that it may be offscreen if the Styles pane is open). If the inspected element has any properties relevant to accessibility, those properties will be displayed in the sidebar pane. You can also choose 'Reveal in Elements Panel' from the context menu on elements displayed in the audit results, to jump to the element in the Elements panel and use the sidebar pane to get more information about elements which cause audit violations.
New in this version:
- Two new audit rules ("An element's ID must not be present in more that one aria-owns attribute at any time" and "Avoid positive integer values for tabIndex")
- Generalized "aria-labelledby attributes should refer to an element which exists in the DOM" to "ARIA attributes which refer to other elements by ID should refer to elements which exist in the DOM"
- Improved logic for “The purpose of each link should be clear from the link text”
- New-style settings page available in Chrome M40 and higher
- Fixed annoying "axs is not defined" spam in console.
Please continue to file bugs and feature requests on the GitHub repository! https://github.com/GoogleChrome/accessibility-developer-tools-extension/issues
To use the audit: go to the Audits tab, select the Accessibility audit, and click Run. The audit results will appear as a list of rules which are violated by the page (if any), with one or more elements on the page shown as a result for each rule.
To use the sidebar pane: inspect an element in the Elements tab, then expand the Accessibility sidebar pane (note that it may be offscreen if the Styles pane is open). If the inspected element has any properties relevant to accessibility, those properties will be displayed in the sidebar pane. You can also choose 'Reveal in Elements Panel' from the context menu on elements displayed in the audit results, to jump to the element in the Elements panel and use the sidebar pane to get more information about elements which cause audit violations.
New in this version:
- Two new audit rules ("An element's ID must not be present in more that one aria-owns attribute at any time" and "Avoid positive integer values for tabIndex")
- Generalized "aria-labelledby attributes should refer to an element which exists in the DOM" to "ARIA attributes which refer to other elements by ID should refer to elements which exist in the DOM"
- Improved logic for “The purpose of each link should be clear from the link text”
- New-style settings page available in Chrome M40 and higher
- Fixed annoying "axs is not defined" spam in console.
Please continue to file bugs and feature requests on the GitHub repository! https://github.com/GoogleChrome/accessibility-developer-tools-extension/issues
Reviews of Accessibility Developer Tools extension
Similar extension
