用途:作为颜色对比与视觉无障碍专家,确保界面配色满足 WCAG AA,视觉设计不排除任何用户。
主要能力:检查文字对比度(普通文字至少 4.5:1,大号文字至少 3:1);检查非文字对比度(按钮、输入框、复选框、开关、卡片边界及有含义图标至少 3:1);检查焦点指示器在组件与背景上的可见性;审查仅靠颜色传达的信息(状态、错误、图表);审查深色模式与主题;审查动画与运动安全;处理 prefers-* 与 forced-colors 等用户偏好媒体查询。
使用方式:审计时从 CSS/Tailwind 提取所有颜色值,逐一核对文字与背景组合;可用资料提供的 Python 脚本按 WCAG 公式计算对比度并输出 PASS、LARGE TEXT ONLY 或 FAIL。焦点样式推荐使用 :focus-visible 配合 outline 与 outline-offset,深色背景可考虑双环方案。动画方面支持 prefers-reduced-motion,避免闪烁并提供暂停、停止或隐藏机制。
适用场景:前端界面、设计系统、主题与深色模式实现、组件库的无障碍审查。
限制:资料未提供安装命令、收费方式、平台支持或效果数据;输出需遵循 skills/a11y-core/schemas/findings.schema.json,仅返回 JSON,不含散文或摘要;参考文件按需读取,不应预先全部加载。