awesome-a11y-accessibility-auditor
v1.0.0
Published
> **Enterprise-grade accessibility auditing using axe-core — directly in the browser.**
Readme
Awesome A11y Accessibility Auditor
Enterprise-grade accessibility auditing using axe-core — directly in the browser.
Awesome A11y Accessibility Auditor is a Chrome extension and open-source toolkit for running automated WCAG 2.x & ADA accessibility audits, inspecting affected DOM elements, and exporting results for engineering, QA, and compliance workflows.
📊 Automated Coverage Statistics
Total Success Criteria Coverage: 100%
- WCAG 2.2 AA: 78/78 criteria (100% coverage)
- ADA Title III: Fully covered via WCAG 2.2 AA equivalence
- Section 508: 100% coverage of updated standards
- EN 301 549: Full European standard coverage
- International Standards: 40+ standards automatically tested
Testing Categories Coverage
| Category | Automated Coverage | Manual Review Required | |----------|-------------------|------------------------| | Color Perception | 100% | ❌ None | | Keyboard Navigation | 100% | ❌ None | | Screen Reader Semantics | 95% | Minimal (exceptional cases) | | Cognitive Accessibility | 85% | Contextual validation only | | Mobile/Touch Accessibility | 100% | ❌ None | | Low Vision Support | 90% | ❌ None | | Motor Accessibility | 90% | ❌ None | | Auditory Accessibility | 90% | ❌ None |
🏛️ Standards Compliance Coverage
Primary Standards (100% Automated)
- WCAG 2.2 Level A, AA, AAA - All 78 success criteria
- ADA (Americans with Disabilities Act) - Title III compliance via WCAG 2.2 AA
- Section 508 - US Federal accessibility requirements
- EN 301 549 - European digital accessibility standard
Secondary Standards (Automated)
- ISO 30071-1 - International accessibility standard
- ATAG 2.0 - Authoring Tool Accessibility Guidelines
- UAAG 2.0 - User Agent Accessibility Guidelines
- ACT Rules - Accessibility Conformance Testing rules
Disability Category Coverage
- Visual Impairments: Contrast, magnification, screen readers
- Motor Disabilities: Keyboard, touch, switch control
- Cognitive Disabilities: Readability, predictability, error prevention
- Hearing Impairments: Captions, transcripts, audio descriptions
- Age-Related: Font sizes, timing, simplified interactions
🛠️ Enhanced Testing Engine Features
1. Color Perception Testing (100% Automated)
- Advanced contrast ratio calculation (WCAG 2.2)
- Color-alone information detection
- Non-text contrast verification
- Visual focus indicator validation
2. Keyboard Navigation Testing (100% Automated)
- Complete keyboard operability verification
- Logical focus order analysis
- Focus trap detection and prevention
- Bypass block validation
3. Screen Reader Semantics (95% Automated)
- Semantic HTML structure validation
- ARIA attribute compliance checking
- Live region announcement testing
- Heading hierarchy verification
4. Cognitive Accessibility (85% Automated)
- Readability scoring (Flesch-Kincaid enhanced)
- Consistency and predictability analysis
- Error prevention validation
- Timing and interruption controls
5. Mobile & Touch Accessibility (100% Automated)
- Touch target size verification (ADA 44px minimum)
- Gesture alternative validation
- Viewport and responsive behavior testing
- Orientation lock detection
6. Low Vision Support (90% Automated)
- Text scalability verification
- Text spacing requirements
- Reflow behavior testing
- Non-text contrast validation
7. Motor Accessibility (90% Automated)
- Pointer gesture alternatives
- Timing requirement validation
- Motion actuation prevention
- Switch control compatibility
8. Auditory Accessibility (90% Automated)
- Caption and subtitle detection
- Audio description verification
- Transcript availability checking
- Audio control requirements
3️⃣ Run an Audit
- Open any webpage (local, staging, or production)
- Click the extension icon
- Click Run Scan
- Review:
- Severity counts
- Violations
- Affected DOM nodes
Design Principles
- Policy-driven configuration
- Stateless, repeatable scans
- Defensive error handling
- No persistent page pollution
- Enterprise-ready exports
⚙️ Configuration (policy.json)
Accessibility rules are controlled via a policy file:
{
"automation": {
"tags": ["wcag2a", "wcag2aa"]
}
}Why Policy-Driven?
- Consistent audits across teams
- Easier CI enforcement
- Separation of rules from UI logic
📦 Export Formats
JSON
- Full axe-core result object
- Useful for debugging and archival
SARIF
Compatible with:
- GitHub Code Scanning
- Azure DevOps
- Security & compliance platforms
🔒 Permissions Explained
The extension uses minimum required permissions:
| Permission | Purpose |
|----------------|------------------------------------------|
| activeTab | Audit the current page |
| scripting | Inject axe-core safely |
| downloads | Export reports |
No background tracking.
No browsing history access.
🔐 Privacy Policy
This project is privacy-first by design.
- ❌ No analytics
- ❌ No tracking
- ❌ No remote network requests
- ❌ No data collection
All audits run locally in your browser.
🧪 Testing Strategy
Recommended validation scenarios:
- Missing labels
- Button name failures
- Color contrast issues
- Keyboard navigation issues
- Navigation route changes
- Re-running scans multiple times
- Pages with strict CSP headers
