accessibility-auditlisted

# Accessibility Audit Skill Fast, high-signal accessibility triage for pages, components, or PRs. This is a lightweight check, not a full compliance audit. ## When to Use This Skill - Quick accessibility triage before releases - Component-level a11y verification - PR review for accessibility regressions - Smoke checks for WCAG compliance - Validating keyboard navigation on new features ## Quick Audit Checklist ### 1. Automated Snapshot (Recommended) Run one of these automated tools first: - `npx @axe-core/cli <url>` - Quick axe-core scan - `npx pa11y <url> --standard WCAG2AA` - Pa11y audit - Lighthouse Accessibility score (Chrome DevTools > Lighthouse > Accessibility) ### 2. Keyboard Basics | Check | Expected | |-------|----------| | All interactive elements reachable via Tab | Yes | | Focus indicator always visible | Yes | | No keyboard traps | Yes | | Logical tab order | Yes | | Skip link works for long pages | Yes | ### 3. Semantics and Labels | Check | Expected | |-------|----------| | Single, descriptive H1 | Yes | | Logical heading order (no large jumps) | Yes | | Form inputs have visible labels or aria-label | Yes | | Buttons and links have clear names | Yes | | Images have meaningful alt text (or empty for decorative) | Yes | ### 4. Visual Contrast | Element | Minimum Ratio | |---------|---------------| | Normal text | 4.5:1 | | Large text (18pt+ or 14pt bold+) | 3:1 | | UI components (inputs, buttons, focus rings) | 3:1 | ### 5. Motion and Updates | Che