WCAG Highlighter

Detect basic WCAG issues on any webpage: click the extension, press Check, and review highlighted results in the side panel.

WCAG Highlighter is a browser extension that helps developers quickly detect and understand basic accessibility (WCAG) issues directly on any webpage. The tool scans the current page, highlights problematic elements, and displays clear explanations in a side panel. It helps developers, QA engineers, and designers identify accessibility problems early in the development process. Why install WCAG Highlighter? - Quickly detect common WCAG violations. - Visually highlight problematic elements on the page. - See clear explanations of each issue. Who is it for? - Frontend developers - QA testers - UX/UI designers - Teams building accessible and compliant web applications Quick start: 1. Open any webpage you want to test. 2. Click the WCAG Highlighter extension icon. 3. Click `Check` to run a scan. 4. Review highlighted elements and issue details in the side panel. 5. (Optional) Open DevTools and click an `Element` selector in the panel to inspect the exact DOM node. Privacy: WCAG Highlighter performs all analysis locally in the browser and does not collect, store, or transmit user data. Install it to make accessibility testing faster, easier, and more transparent.