用途:对 UI 代码进行 WCAG 2.1 AA 无障碍合规审计,将发现映射到具体 WCAG 条款,并给出修复步骤。
主要能力:覆盖可感知、可操作、可理解、健壮四类原则。可感知方面检查颜色对比度(正文 4.5:1、大文本 3:1、UI 组件与图形 3:1)、图片替代文本、SVG 图标 aria 属性、语义化结构与表单标签;可操作方面检查键盘可达性、自定义组件键盘模式、焦点可见、焦点顺序、跳转导航;可理解方面检查表单标签、错误提示与一致性;健壮方面检查 ARIA 角色与状态、动态内容 aria-live、状态消息。
使用方式:先确认目标等级(默认 AA)、组件类型与用户场景;读取目标文件与 references/wcag-checklist.md 检查清单;逐条测试代码;按 WCAG 原则归类;给出带设计系统 token 的修复建议。报告含摘要表、失败项(含行号、比值、修复代码)、通过项与建议。
适用场景:页面、组件、表单、导航的无障碍审查,屏幕阅读器、纯键盘、低视力、认知障碍等用户需求评估。
限制:资料未提供安装命令、平台支持、收费与价格信息;对比度数值为示例设计系统预验证值,实际需测试计算后的颜色。