Claude Code a11y-audit：用键盘和语义检查网页可访问性
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/a11y-audit/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/a11y-audit/`，把核对后的文件保存为 `.claude/skills/a11y-audit/SKILL.md`。
- 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/a11y-audit`。
中文摘要
按焦点、语义、可读名称、对比度和动画偏好核对网页，将能复现的问题放入审查结果。
SKILL.md 中文导读
可复现示例
页面 audit-31 的文档列表用一个无可读名称的图标按钮打开筛选器。通过 Tab 可到达按钮，但 CSS 隐藏了焦点标记。工作步骤
- 按键盘顺序遍历界面，定位焦点提示和可读名称缺失的位置。
- 记录具体交互与界面证据，再核对对比度、语义和动画设置。
验收方法
报告标记 {accessibleName: 'missing', focusVisible: false}，并建议保留可见键盘焦点，用可读的 “Filter documents” 命名按钮。
GitHub 原文 · 更新日期
适用环境
在 Claude Code 中提供可检查的 HTML、CSS 和网页。验证焦点与可读名称时需要实际浏览器和辅助技术检查。
常见问题
只看截图能检查完键盘操作吗？
截图可给出视觉线索。还需要实际用键盘遍历页面，再用辅助技术或浏览器的无障碍树查控件名称。