词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code 审查代码中的无障碍问题

English

Claude Code 安装步骤

  1. 打开 GitHub 固定提交的 `.claude/skills/accessibility-audit/SKILL.md`，核对内容与使用条件。
  2. 在自己的项目中创建 `.claude/skills/accessibility-audit/`，把核对后的文件保存为 `.claude/skills/accessibility-audit/SKILL.md`。
  3. 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/accessibility-audit`。

中文摘要

按图像、表单、焦点、语义和对比度等类别审查界面代码，记录位置、严重度及可操作的修法。

SKILL.md 中文导读

可复现示例

虚构表单第 12 行只有占位文字。已知片段 `{path:'venue-form.tsx',line:12,field:'Venue',visibleLabel:false,placeholder:'Choose a venue'}`。

工作步骤

  1. 界定审查范围，查看界面代码中的标签、焦点、语义和状态。
  2. 按类别记录位置、严重度和具体修法，零发现的类别如实记录。

验收方法

在表单问题下记录 `{line:12,field:'Venue',issue:'no associated label'}`，建议添加可见文字 Venue，并把它关联到输入。按照项目报告规则给出严重度和证据。

GitHub 原文 · 更新日期

适用环境

Claude Code 工作区含自有项目的界面代码和样式。示例检查表单输入及可见提示。

常见问题

表单只有占位文字时怎样写无障碍意见？

说明该输入目前缺少关联标签，指出原始代码位置。建议增加清晰的可见标签，并确保辅助技术能读出两者关系。

相关指南