SuperAPI AI 工具集

a11y-audit

设计与创作

查看项目

更新于 10-16 08:06

技能介绍

用途:对 UI 或设计进行无障碍审计,依据 WCAG 2.2 AA/AAA 与项目的 ARIA 模式给出逐条对应标准的发现,并标注严重级别与具体修复方式。

主要能力:先读取 .claude/skills/_ux-ui-shared/accessibility/wcag-checklist.md(按 POUR 组织,分 P0/P1/P2)与 .claude/skills/_ux-ui-shared/accessibility/aria-patterns.md;逐组件检查强制 P0 项:键盘可导航、焦点可见(≥3:1)、屏幕阅读器名称/角色/状态、对比度(文本 4.5:1、UI 3:1)、目标尺寸 ≥24×24、不得仅用颜色传达信息。另验证 WCAG 2.2 新增项:Focus Not Obscured (2.4.11)、Target Size (2.5.8)、Accessible Authentication (3.3.8),并检查减少动态效果的处理(.claude/skills/_ux-ui-shared/taste/motion-choreography.md)。

使用方式:对比度须实测而非目测。对渲染后的 HTML 运行真实渲染门禁并报告实际输出:node .claude/skills/_ux-ui-shared/scripts/measure_render.mjs <file> [--dark](每个文本元素)以及 node .claude/skills/_ux-ui-shared/scripts/verify_states.mjs <file> [--dark](每个交互元素的默认/hover/focus 状态,可发现 hover 状态失败)。对零散颜色对使用 python3 .claude/skills/_ux-ui-shared/scripts/contrast.py "<fg>" "<bg>"。不得陈述未实测的比值。输出为发现表格:WCAG 条款(如 1.4.3)· 严重级别(P0/P1/P2)· 失败项 · 具体修复;对通过项也需明确确认。

限制:无障碍不得为美学让步。其余细节暂未提供。