用途:评估并修正文字与交互元素相对背景的对比度,保证可读性与无障碍合规。
主要能力:输入文字颜色与字号、背景颜色、UI 元素规格;输出对比度计算值、是否符合 WCAG 标准的判定结果,以及修复建议。判定标准为:普通文字(小于 18px)最低 4.5:1;大号文字(18px 加粗或 24px 及以上)最低 3:1;UI 组件(按钮、输入框)边界最低 3:1;焦点指示器相对相邻颜色最低 3:1。
常见失败模式与修复:浅灰正文(#999 或更浅)改用 #666 起步、优先 #333;占位符与输入值同色时把占位符调浅(如 #999);品牌色过浅导致白字不可读时加深品牌色或改用深色文字;链接与正文区分不足时加下划线或提高对比度;禁用态过于醒目时降到约 30% 不透明度或改用灰色;图标过浅时与文字同色或提高对比度。
使用方式:提供文字颜色与字号、背景颜色及 UI 元素规格即可评估。前置条件为已定义调色板与排版比例;依赖 build-color-palette(需要灰阶)。
适用场景:设计系统与组件库的颜色审查、界面可读性检查、无障碍合规评估。
限制:资料未提供具体安装命令、平台支持、收费方式或自动化集成细节,暂未提供。