인터페이스는 현지화되어 있으며, Skill 소개와 설명 문서는 선택한 언어로 AI가 자동 번역합니다. 코드·명령어·경로·전문 용어는 원문을 유지하며 원작자 문서가 우선합니다.
Skills 둘러보기
생산성 및 협업 · SKILL.md

a11y-checker

a11y-checker

Scan HTML and JSX for accessibility issues with AI-powered fix suggestions

Independent GitHub snapshot · Automated classification · Original documentation governs

Skill 문서

GitHub

name: a11y-checker description: Scan HTML and JSX for accessibility issues with AI-powered fix suggestions

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

저장한 Skills