Claude Code Accessibility Skill for Keyboard and Form Error Reviews
Review a form for keyboard access, visible focus, field labels, and understandable errors using the skill's WCAG 2.1 checklist.
中文Install in Claude Code
Use Claude Code and a browser with the target page or HTML. Use a screen reader when verifying announcement behavior.
- Get the complete `cli-tool/components/skills/development/accessibility` directory from the pinned GitHub checkout.
- Copy it under the target project's `.claude/skills/`. Confirm `.claude/skills/accessibility/SKILL.md`, open Claude Code at the project root, and call `/accessibility`.
Example task
Review a fictional library signup form. The email input has only a placeholder, and errors appear as a red border. Request keyboard reproduction steps, a visible label, and an error message.What to check
The review shows how to reach the email input and submit button with Tab. Invalid input should show a textual message associated with the email field.
Original SKILL.md on GitHub · Updated
Frequently asked question
Is a red border enough to communicate a form error?
Add a readable error message associated with the field. Check that a keyboard user can find the problem and make the correction.