Accessibility audit against WCAG 2.1 AA. Checks semantic HTML, ARIA, keyboard navigation, color contrast, screen reader compatibility.
Accessibility audit against WCAG 2.1 AA. Checks semantic HTML, ARIA, keyboard navigation, color contrast, screen reader compatibility.
npx skills add https://github.com/haabe/tic-tac-toe --skill a11y-check复制此命令并粘贴到 Claude Code 中以安装该技能
Design the smallest viable test to validate or invalidate a critical assumption. Based on Torres's assumption testing framework.
Use before any research activity or significant decision. Reviews cognitive biases relevant to the current stage.
Use to evaluate whether current work aligns with Better Value Sooner Safer Happier. Run at diamond completion and periodically.
Synchronize canvas state across team sessions via git. Ensures all team members see the same product knowledge.
Update canvas sections with new evidence. Ensures canvas stays current as the single source of truth.
Use when facing a new problem to classify its domain (Clear, Complicated, Complex, Chaotic, Disorder) and select appropriate methods.
| name | a11y-check |
| description | Accessibility audit against WCAG 2.1 AA. Checks semantic HTML, ARIA, keyboard navigation, color contrast, screen reader compatibility. |
Evaluate user-facing work against WCAG 2.1 AA. Accessibility is a design constraint, not a polish step (Downe Principle 11).
| Stack | Tool | Command |
|---|---|---|
| React/Web | axe-core | npx axe <url> or axe-core in tests |
| Any web | Lighthouse | npx lighthouse <url> --only-categories=accessibility |
| Any web | pa11y | npx pa11y <url> |
| CI/CD | axe-linter | Add to CI pipeline |
| Violation | Fix |
|---|---|
| Missing alt text | Add descriptive alt or alt="" for decorative |
| Low color contrast | Increase contrast ratio to 4.5:1 minimum |
| Missing form labels | Add <label for="id"> or aria-label |
| No focus indicator | Add :focus-visible styles, never outline: none |
| Non-semantic buttons | Use <button> not <div onclick> |
| Missing heading hierarchy | Use h1-h6 in order, don't skip levels |
| Auto-playing media | Add pause/stop controls, respect prefers-reduced-motion |
