A11y DevTools
Accessibility audits, built into your DevTools.
A11y DevTools is a Chrome extension that brings professional accessibility auditing directly into the browser DevTools panel. Powered by the axe-core engine, it scans any web page for WCAG 2.1/2.2 violations, assigns a 0–100 score with letter grade, and overlays color-coded highlights on the affected DOM elements. Filter by impact level, search issues by text, navigate with keyboard shortcuts, and export full results as JSON.
Key Features
WCAG 2.1/2.2 Scoring
A 0–100 score with letter grade (A–F) derived from violation impact: Critical (−10), Serious (−7), Moderate (−4), Minor (−2).
DOM Highlighting
Color-coded overlays mark every affected element directly on the page, with a tooltip showing the violation description.
DevTools Panel
A split-view panel shows the issue list alongside detailed information for the selected violation.
Popup Quick View
The extension popup shows an animated score ring and a summary of violations by impact level at a glance.
Keyboard Navigation
Navigate through issues with ↑↓ arrows and scroll to elements with ←→ — fully keyboard accessible.
JSON Export
Export the full axe-core results as a JSON file for reporting, CI integration, or archiving.