Claude Code accessibility 技能:检查表单键盘焦点和错误提示
EnglishClaude Code 安装步骤
- 从固定版本 GitHub 工作副本获取完整的 `cli-tool/components/skills/development/accessibility` 目录。
- 将目录放入目标项目的 `.claude/skills/`,确认 `.claude/skills/accessibility/SKILL.md` 存在,再从项目根目录启动 Claude Code 并输入 `/accessibility`。
中文摘要
按该技能提供的 WCAG 2.1 检查项,查找键盘无法操作、焦点不可见、标签缺失和错误提示不清楚的问题。适合对一张具体表单做人工复核。
SKILL.md 中文导读
可复现示例
审查虚构的图书馆活动报名表。邮箱只用占位符标识,错误用红色边框表示。请写出键盘复现步骤,并提出可见标签和文本错误提示方案。工作步骤
- 用键盘从页面开始走完整条表单流程,观察顺序、可见焦点和错误后的落点。
- 检查标签和字段关联,再确认错误提示能读出并指出如何修正。
验收方法
复核结果应说明怎样只用 Tab 找到邮箱和提交按钮,输入无效值后应看到文本错误,并能将提示与邮箱字段关联。
GitHub 原文 · 更新日期
适用环境
需要 Claude Code、可用浏览器和要检查的页面或 HTML 片段。验证朗读行为时准备屏幕阅读器。
常见问题
只有红色边框可以提示输入错误吗?
补一条能阅读和朗读的具体错误提示,并关联到相应字段。再用键盘复核焦点,确认用户能找到并修正问题。