用途:审计设计稿、配色方案与 UI 组件是否符合 WCAG 2.1,并给出可执行的修复建议。适用于配色对比度合规检查、组件无障碍检查(触控目标、焦点指示)、生成无障碍审计报告、在实现前验证设计系统颜色。不适用于快速对比度检查、色彩和谐美学、设计趋势选择或完整设计系统创建。
主要能力:按 WCAG 2.1 标准检查对比度(普通文本 AA 4.5:1、AAA 7:1;大文本 AA 3:1、AAA 4.5:1;UI 组件与图形 3:1;焦点指示 3:1)、触控目标尺寸(AA 最小 24×24 CSS 像素,AAA 最小 44×44)、焦点指示(可见、至少 2px 轮廓、3:1 对比、不单靠颜色)、键盘支持(可聚焦、顺序合理、无键盘陷阱)。可审计 website/design-catalog/ 下的 color-palettes.json(15 套配色)与 components/index.json(22 个组件)。
使用方式:始终重新计算对比度,不信任缓存或报告值。使用 WCAG 相对亮度与对比度公式计算,再逐项判定通过与否;失败时给出加深前景、提亮背景或替代配色等修复方案及新比值。随后按按钮、链接、表单输入、导航、卡片等组件逐项核查角色、焦点、触控尺寸、键盘行为、ARIA 状态与标签。最后生成审计报告,含总分、严重问题、警告与通过项。
限制:复杂交互组件、自定义表单控件、音视频、PDF 与第三方嵌入内容建议转人工无障碍审查。资料未提供安装命令、收费与平台信息。