A11y Lens

Accessibility checker powered by axe-core. Scan any page for WCAG violations and highlight offending elements.

A11y Lens is a complete accessibility auditing toolkit that lives inside your browser's DevTools. It combines automated scanning (powered by axe-core, the open-source engine behind Lighthouse) with guided manual testing — because automated tools alone catch only 30–50% of WCAG issues. AUTOMATED SCANNING • One-click axe-core audit of the inspected page, including iframes • Pick your target: WCAG 2.0 A/AA, 2.1 AA, 2.2 AA, or all rules (+ best practices) • Findings sorted by severity with the offending HTML, fix guidance, and docs links • Click any finding to highlight the element on the page, or jump straight to it in the Elements panel • "Highlight all" paints every violation on the page, color-coded by severity GUIDED MANUAL TESTS (WIZARDS) • 10 step-by-step wizards for what machines can't judge: keyboard navigation, focus visibility & order, headings, landmarks, alt-text quality, zoom/reflow, screen readers, motion, and forms • One yes/no question at a time — the verdict is computed from your answers • Every "No" becomes a recorded finding; optionally attach a note and pick the offending element directly on the page • Interactive helpers do the setup: numbered tab stops, heading outline, landmark overlay, alt-text overlay USER FLOW RECORDING • Press record, then use the site: menus, modals, multi-page checkouts • Every page and UI state is scanned automatically; findings are de-duplicated and labeled with the page they came from AND MORE • Scan history per URL: "3 new · 5 fixed since last scan" with NEW badges • Stale-results warning when the page changes after a scan • Color-contrast eyedropper with WCAG AA/AAA verdicts — sample any pixel on screen • Export reports as JSON, CSV, or a shareable standalone HTML file • Options: default rule set, flow scan interval, English or Arabic (RTL) interface • Keyboard shortcuts: S scan, R record flow, X clear, C contrast, 1/2/3 tabs NEW SINCE v1.0 • 🇦🇪 UAE Design System (DLS) audit — 13 checks against the official AEGov design system (mandated for UAE federal entities): component adoption, fonts, type scale, the real 115-token color palette with nearest-token suggestions, bilingual/RTL, button sizing — with gap highlighting on the page, per-element detail, fixes, and links to the standard • Fix suggestions for every finding: copy-ready corrected snippets (HTML/React/Vue), computed passing contrast colors — optionally from the UAE DLS palette — live Preview fix with Undo, and one-click Auto-fix page • Two-way navigation: click a finding to highlight it on the page, or click a highlighted element on the page to jump to its finding • Reports with evidence: annotated screenshots embedded in HTML/PDF exports, rule summary, per-element selectors • Ticketing exports: GitHub issues markdown, Jira bulk-import CSV, Azure DevOps work items • Violation filter/search, scan-history trend charts, loading estimates for heavy pages • Full Arabic interface and content, incl. all manual test wizards and help PRIVACY Everything runs locally in your browser. No data is collected, transmitted, or sold — scan results and settings never leave your machine. A11y Lens uses the axe-core engine (© Deque Systems, MPL-2.0). This extension is not affiliated with or endorsed by Deque Systems. "axe" is a trademark of Deque Systems, Inc.