以 skill 自身的术语
一套面向设计稿或页面的 WCAG 2.1 AA 审计流程,由“audit accessibility”或“check a11y”这类说法触发,并以 Figma URL、页面 URL 或文字描述作为参数。
它内置一份精简速查表,把十一项标准归入可感知(Perceivable)、可操作(Operable)、可理解(Understandable)、健壮(Robust)四类,涵盖正文文本 4.5:1 对比度、大字号文本与 UI 组件 3:1 对比度、键盘可访问性、可见焦点以及 44x44 CSS 像素的触控目标;此外还有八个常见问题和一套五步测试方法,第一步是自动化扫描,可发现约 30% 的问题。审计结果汇总为格式固定的 markdown 报告,包含严重程度统计、按原则分列的问题表、对比度、键盘与屏幕阅读器章节,以及按优先级排序的修复建议。
它产出什么
- 一份 Markdown 无障碍审查报告,标题为设计或页面名称,并标注 WCAG 2.1 AA 标准。
- 问题部分拆分为可感知、可操作、可理解、健壮四张表,每张按问题、标准、严重程度、建议列出。
- 独立成表的颜色对比度、键盘导航和屏幕阅读器表格,其中包含每个元素被播报出的名称。
- 一份按优先级排序的修复清单,把阻断用户的关键修复与锦上添花的小改进分开。
工作方式
- 01传入要审计的对象
该命令以 Figma URL、页面 URL 或文字描述作为参数,并审计这一目标。
- 02核对十一项 AA 标准
速查表把标准归入可感知、可操作、可理解、健壮四类,每项都标注成功标准编号与阈值。
- 03跑完五轮测试
依次为自动化扫描、纯键盘导航、屏幕阅读器测试、对比度核验和 200% 缩放。
- 04按固定的报告形态撰写
一份 markdown 报告,含严重程度汇总、每条原则一张问题表,以及独立的对比度、键盘和屏幕阅读器表格。
- 05有连接器时就接上
接入设计工具后,它会从 Figma 读取颜色值、字号和触控目标;接入项目跟踪工具后,它会为每条问题单独建单。