A11yEngine

AI-powered WCAG accessibility auditor with visual overlays, ROI meters, and instant React, Tailwind, and Vue code fixes.

A11yEngine is an enterprise-grade AI accessibility engineering assistant built directly into Chrome Side Panel. Designed for developers, QA engineers, and compliance teams to detect, visualize, and fix accessibility violations in seconds. ⚡ KEY FEATURES • Real-Time Visual Overlays: Highlight accessibility violations directly on active web pages with color-coded bounding boxes. • Automated axe-core 4.10 Audit Engine: Runs comprehensive WCAG 2.2 AA rules engine locally on any page. • 14 Custom Advanced Heuristic Observers: Detect focus outline resets, hardcoded positive tabindex, missing keyboard navigation, ARIA icon-only buttons, Autoplay media, missing captions, vague link text, missing skip links, theme persistence, and modal focus restoration traps. • AI Code Patch Generator: One-click production-ready accessibility fixes generated in React (TypeScript), Tailwind CSS, and Vue. • Legal Risk & ROI Meters: Instant calculation of ADA Title III legal exposure risk and developer time saved (ROI). • Dual Report Exports: Export comprehensive audit reports in formatted HTML and GitHub/Jira-ready Markdown. 🔒 PRIVACY & SECURITY FIRST • Local On-Device Auditing: DOM scanning runs 100% inside your browser sandbox. • Automatic PII Scrubbing: Credentials, API keys, passwords, and sensitive input fields are automatically scrubbed client-side and server-side before generating AI fixes. • Redacted Telemetry URLs: URL parameters and hashes are stripped client-side (origin + pathname only). Users can opt out of telemetry anytime.