用途:让 Claude Code 在向用户展示自己生成的 HTML/JSX/TSX 之前,先做可访问性自检。适用于生成新页面、编写 UI 组件、修改已有模板,以及表单、弹窗、导航等高风险区域。
主要能力:把生成代码写入临时文件(如 /tmp/claude-generated.html 或 .tsx),执行 bash ${CLAUDE_PLUGIN_ROOT}/skills/html-lint-runner/scripts/lint-html.sh /tmp/claude-generated.html,读取 JSON 结果中的 axe_violations、markuplint_problems 与 total_issues;为 0 即可展示,大于 0 则先修复再复检。可用 /a11y-audit 命令做更完整验证,并通过 ${CLAUDE_PLUGIN_ROOT}/skills/wcag-aria-lookup/ 查阅 WCAG/ARIA 依据。
不需工具的心智检查:img 必须有 alt,装饰图用 alt="",复杂图用 aria-describedby;input 需关联 label,必填加 aria-required="true",错误态用 aria-invalid 与 aria-describedby;按钮需可访问名称,链接文字要有描述性,自定义控件需正确 ARIA 角色;标题层级按 h1→h2→h3,使用 main/nav/aside 地标,html 设置 lang;普通文本对比度至少 4.5:1,大文本至少 3:1,信息不可仅靠颜色传达。
限制:资料未说明所支持的语言、浏览器、安装方式、收费与平台信息,暂未提供;具体依赖 CLAUDE_PLUGIN_ROOT 环境与 lint 脚本是否可用。