skills/skills.volces.com/a11y-label-audit

a11y-label-audit

Installation
SKILL.md

无障碍标签审查与自动修复

扫描当前目录或指定文件中 React/TSX 组件缺失的无障碍(a11y)标注,并自动修复。

快速开始

  1. 确定扫描范围 — 用户可提供文件、目录或组件名。默认:当前工作目录。
  2. 扫描 — 按照下方的检测规则搜索无障碍违规项。
  3. 报告 — 按文件分组列出所有发现,包含行号和违规类型。
  4. 修复 — 自动应用修复,保留现有代码风格和缩进。

检测规则

规则 1:纯图标按钮(icon-button-a11y)

检测:可点击元素中仅包含图标组件(如 <YbIcon>、<Icon>、<SvgIcon>、<img>),没有可见文本,也没有 aria-label / aria-labelledby。

修复:根据图标的 type / name 属性或上下文推断标签内容,添加 aria-label。如果项目使用 i18n 函数(t()),用其包裹标签文本。

Installs
2
First Seen
Apr 24, 2026
a11y-label-audit from skills.volces.com