npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

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

  1. Open any webpage (local, staging, or production)
  2. Click the extension icon
  3. Click Run Scan
  4. 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