a11y-label-audit
Installation
SKILL.md
无障碍标签审查与自动修复
扫描当前目录或指定文件中 React/TSX 组件缺失的无障碍(a11y)标注,并自动修复。
快速开始
- 确定扫描范围 — 用户可提供文件、目录或组件名。默认:当前工作目录。
- 扫描 — 按照下方的检测规则搜索无障碍违规项。
- 报告 — 按文件分组列出所有发现,包含行号和违规类型。
- 修复 — 自动应用修复,保留现有代码风格和缩进。
检测规则
规则 1:纯图标按钮(icon-button-a11y)
检测:可点击元素中仅包含图标组件(如 <YbIcon>、<Icon>、<SvgIcon>、<img>),没有可见文本,也没有 aria-label / aria-labelledby。
修复:根据图标的 type / name 属性或上下文推断标签内容,添加 aria-label。如果项目使用 i18n 函数(t()),用其包裹标签文本。