← ClaudeAtlas

a11y-auditlisted

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI.
SilantevBitcoin/Base-system-Claude · ★ 1 · Web & Frontend · score 74
Install: claude install-skill SilantevBitcoin/Base-system-Claude
# Accessibility Audit WCAG 2.2 Accessibility Audit and Remediation Skill. ## Description A complete accessibility audit pipeline for modern web applications. It implements a three-phase workflow — Scan, Fix, Verify — that identifies WCAG 2.2 Level A and AA violations, generates exact fix code per framework, and produces a compliance summary. For every violation found, it provides a precise before/after code fix tailored to your framework (React, Next.js, Vue, Angular, Svelte, or plain HTML). **What this skill does:** 1. **Scans** the codebase for WCAG 2.2 Level A and AA violations across 10 categories, classified by severity. 2. **Fixes** each violation with framework-specific before/after code patterns. 3. **Verifies** that fixes resolve the original violations and introduce no regressions (re-run the scanner). 4. **Reports** findings in a structured format (text or JSON). ## Features | Feature | Description | |---------|-------------| | **WCAG 2.2 Scan** | Static checks across 10 categories of Level A and AA criteria | | **Severity Classification** | critical / serious / moderate / minor | | **Fix Patterns** | Before/after code per framework | | **Color Contrast Checker** | Validates foreground/background pairs against AA and AAA ratios; can suggest accessible backgrounds | | **Keyboard Audit** | Detects positive tabindex and click-without-keyboard handlers | | **ARIA Validation** | Invalid attributes, aria-hidden on focusable elements, missing aria-live | ### Seve