A11y quick check

Easy to use quick checks to identify potential accessibility issues.

A11y Quick Check is a browser extension for manual accessibility testing. It surfaces potential WCAG failures and coding anti-patterns directly on the page, giving you a high-level view of issues without leaving your browser. Each check explains what was found and why it matters, making A11y Quick Check a practical learning tool as well as a testing aid. Developers can see accessible coding patterns in context, building knowledge alongside their workflow. Checks include - Accessible names on interactive elements and images - ARIA roles, states, and properties - Heading and landmark structure - List and table semantics - Live regions and status messages - Target size and spacing - Form labels, grouping, and error handling Every effort has been made to ensure the checks accurately identify both invalid code and failures to meet WCAG success criteria. However, some false positives may occur. False positives and reported bugs are fixed when identified. Version: 2501.2026.8.13 - Label in Name check, inline <style>/<script> contamination fix: A <style> or <script> element nested inside a button, link, or form control (for example, a web component's inline styles) was being read as visible or accessible-name text, so the computed name could include raw CSS or JavaScript. These elements are no longer walked when computing the visible label or accessible name. - Shadow DOM message styling fix, all checks: Every check that annotates elements inside shadow roots injects its own message styling into that shadow root, using CSS custom properties (for example the warning and invalid colours) declared in a :root rule. Because :root never matches an element inside a shadow tree, those declarations had no effect inside the shadow root itself; the shadow tree normally still inherited the same variables from the page, so this was invisible until a web component blocked inheritance (for example with :host { all: initial; }), at which point warning and invalid messages inside that component rendered with no colour or border. Fixed across all 35 affected checks by changing the shadow-injected rule from :root to :host. For the complete update log view the 'About A11y Quick Check' link at the foot of the extension for the changes log.