A11y Checker

Scan your HTML and JSX files for WCAG accessibility issues. Get actual code fixes, not just warnings.

One command. Real fixes. Not just complaints.

Quick Start

npx ai-a11y ./src/components/Header.tsx

What It Does

Scans HTML/JSX for accessibility violations
Identifies WCAG guideline failures
Generates actual fix code, not just warnings
Works on single files or entire directories

Usage Examples

# Scan a single component
npx ai-a11y ./src/components/Button.tsx

# Scan all components
npx ai-a11y ./src/components/

# Scan with verbose output
npx ai-a11y ./src --verbose

Common Issues It Catches

Missing alt text on images
Low color contrast
Missing form labels
Keyboard navigation problems
ARIA attribute misuse
Focus management issues

When to Use This

Before launching a new feature
Audit an inherited codebase
Prep for accessibility compliance
CI/CD accessibility gates

Part of the LXGIC Dev Toolkit

This is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups.

Find more: https://github.com/LXGIC-Studios

Requirements

Node.js 18+. Needs OPENAI_API_KEY environment variable.

License

MIT. Free forever.

Built by LXGIC Studios

GitHub: github.com/lxgicstudios/ai-a11y
Twitter: @lxgicstudios

a11y-checker