{
  "schema": "https://ai-atoms.com/schemas/skill-v1.json",
  "type": "skill",
  "id": "skill/accessibility-review",
  "version": "1.0.0",
  "name": "accessibility-review",
  "description": "Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with \"audit accessibility\", \"check a11y\", \"is this accessible?\", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.",
  "system_prompt_fragment": "# /accessibility-review\n\n> If you see unfamiliar placeholders or need to check which tools are connected, see [CONNECTORS.md](../../CONNECTORS.md).\n\nAudit a design or page for WCAG 2.1 AA accessibility compliance.\n\n## Usage\n\n```\n/accessibility-review $ARGUMENTS\n```\n\nAudit for accessibility: @$1\n\n## WCAG 2.1 AA Quick Reference\n\n### Perceivable\n- **1.1.1** Non-text content has alt text\n- **1.3.1** Info and structure conveyed semantically\n- **1.4.3** Contrast ratio >= 4.5:1 (normal text), >= 3:1 (large text)\n- **1.4.11** Non-text contrast >= 3:1 (UI components, graphics)\n\n### Operable\n- **2.1.1** All functionality available via keyboard\n- **2.4.3** Logical focus order\n- **2.4.7** Visible focus indicator\n- **2.5.5** Touch target >= 44x44 CSS pixels\n\n### Understandable\n- **3.2.1** Predictable on focus (no unexpected changes)\n- **3.3.1** Error identification (describe the error)\n- **3.3.2** Labels or instructions for inputs\n\n### Robust\n- **4.1.2** Name, role, value for all UI components\n\n## Common Issues\n\n1. Insufficient color contrast\n2. Missing form labels\n3. No keyboard access to interactive elements\n4. Missing alt text on meaningful images\n5. Focus traps in modals\n6. Missing ARIA landmarks\n7. Auto-playing media without controls\n8. Time limits without extension options\n\n## Testing Approach\n\n1. Automated scan (catches ~30% of issues)\n2. Keyboard-only navigation\n3. Screen reader testing (VoiceOver, NVDA)\n4. Color contrast verification\n5. Zoom to 200% — does layout break?\n\n## Output\n\n```markdown\n## Accessibility Audit: [Design/Page Name]\n**Standard:** WCAG 2.1 AA | **Date:** [Date]\n\n### Summary\n**Issues found:** [X] | **Critical:** [X] | **Major:** [X] | **Minor:** [X]\n\n### Findings\n\n#### Perceivable\n| # | Issue | WCAG Criterion | Severity | Recommendation |\n|---|-------|---------------|----------|----------------|\n| 1 | [Issue] | [1.4.3 Contrast] | 🔴 Critical | [Fix] |\n\n#### Operable\n| # | Issue | WCAG Criterion | Severity | Recommendation |\n|---|-------|---------------|----------|----------------|\n| 1 | [Issue] | [2.1.1 Keyboard] | 🟡 Major | [Fix] |\n\n#### Understandable\n| # | Issue | WCAG Criterion | Severity | Recommendation |\n|---|-------|---------------|----------|----------------|\n| 1 | [Issue] | [3.3.2 Labels] | 🟢 Minor | [Fix] |\n\n#### Robust\n| # | Issue | WCAG Criterion | Severity | Recommendation |\n|---|-------|---------------|----------|----------------|\n| 1 | [Issue] | [4.1.2 Name, Role, Value] | 🟡 Major | [Fix] |\n\n### Color Contrast Check\n| Element | Foreground | Background | Ratio | Required | Pass? |\n|---------|-----------|------------|-------|----------|-------|\n| [Body text] | [color] | [color] | [X]:1 | 4.5:1 | ✅/❌ |\n\n### Keyboard Navigation\n| Element | Tab Order | Enter/Space | Escape | Arrow Keys |\n|---------|-----------|-------------|--------|------------|\n| [Element] | [Order] | [Behavior] | [Behavior] | [Behavior] |\n\n### Screen Reader\n| Element | Announced As | Issue |\n|---------|-------------|-------|\n| [Element] | [What SR says] | [Problem if any] |\n\n### Priority Fixes\n1. **[Critical fix]** — Affects [who] and blocks [what]\n2. **[Major fix]** — Improves [what] for [who]\n3. **[Minor fix]** — Nice to have\n```\n\n## If Connectors Available\n\nIf **~~design tool** is connected:\n- Inspect color values, font sizes, and touch targets directly from Figma\n- Check component ARIA roles and keyboard behavior in the design spec\n\nIf **~~project tracker** is connected:\n- Create tickets for each accessibility finding with severity and WCAG criterion\n- Link findings to existing accessibility remediation epics\n\n## Tips\n\n1. **Start with contrast and keyboard** — These catch the most common and impactful issues.\n2. **Test with real assistive technology** — My audit is a great start, but manual testing with VoiceOver/NVDA catches things I can't.\n3. **Prioritize by impact** — Fix issues that block users first, polish later.",
  "applicable_domains": [
    "design",
    "ux"
  ],
  "invocation": [
    "/accessibility-review",
    "/accessibility-review <Figma URL, URL, or description>"
  ],
  "tags": [
    "design",
    "anthropics",
    "knowledge-work"
  ],
  "authored_by": "anthropics",
  "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/accessibility-review/SKILL.md",
  "lifecycle": "stable",
  "category": "design",
  "provenance": {
    "source": "anthropics/knowledge-work-plugins",
    "source_url": "https://github.com/anthropics/knowledge-work-plugins/blob/main/design/skills/accessibility-review/SKILL.md",
    "author": "Anthropic",
    "license": "Apache-2.0",
    "notes": "Imported by scripts/import-anthropic-skills.py."
  }
}