← ClaudeAtlas

accessibilitylisted

Accessibility (a11y) compliance checking with WCAG 2.1 validation
manastalukdar/ai-devstudio · ★ 1 · AI & Automation · score 77
Install: claude install-skill manastalukdar/ai-devstudio
# Accessibility (a11y) Compliance Checking I'll analyze your web application for accessibility issues, validate WCAG 2.1 compliance, check ARIA attributes, verify keyboard navigation, validate color contrast, and generate comprehensive accessibility reports. **Compliance Standards:** - WCAG 2.1 Level A (minimum compliance) - WCAG 2.1 Level AA (target standard) - WCAG 2.1 Level AAA (enhanced accessibility) - Section 508 (US federal requirements) - EN 301 549 (EU accessibility requirements) **Frameworks Supported:** - React (React Testing Library, jest-axe) - Vue.js (Vue Test Utils, vue-axe) - Angular (Angular testing utilities) - HTML/CSS (static analysis) - Next.js, Gatsby, Nuxt.js **Token Optimization:** - ✅ Bash-based detection and validation (no file reads) - ✅ Automated axe-core CLI analysis (external tool, minimal tokens) - ✅ Template-based fix generation (heredocs, no dynamic generation) - ✅ Caching framework detection and tool availability - ✅ Early exit when server not accessible - saves 90% - ✅ Focus area flags for targeted analysis (--images, --forms, --keyboard, --contrast, --aria) - ✅ Progressive disclosure (critical → high → medium → low) - ✅ Default to changed files via git diff for static analysis - ✅ ARIA pattern library (no file reads, template-based) - **Expected tokens:** 1,200-2,000 (vs. 3,000-5,000 unoptimized) - **60% reduction** - **Optimization status:** ✅ Optimized (Phase 2 Batch 3A, 2026-01-26) **Caching Behavior:** - Cache location: `.claude/ca