Overview
A11y Audit is a browser-based tool that analyzes web pages for accessibility issues, categorizes them by severity, and provides concrete code suggestions for remediation. It goes beyond automated checks by flagging patterns that require manual review.
Key Features
- Automated WCAG 2.1 AA and AAA compliance checking
- Visual overlay highlighting elements with issues
- Severity-ranked issue list with fix suggestions
- Color contrast analyzer with suggested alternatives
- Exportable audit reports in HTML and JSON formats
Technical Highlights
The audit engine traverses the DOM tree and runs a suite of checks including contrast ratios, ARIA attribute validity, heading hierarchy, focus order, and alt text presence. Each check produces structured results with element references, violation details, and remediation code snippets.
The visual overlay uses CSS outlines and tooltips positioned relative to flagged elements, avoiding layout shifts. Color contrast suggestions are generated by finding the nearest OKLCH color that meets the required contrast ratio.
Comments