免费工具
WCAG 对比度检查
按 WCAG AA 和 AAA 检查颜色对比度。一键通过的修复 — 覆盖正常文本、大文本和 UI 组件。
预览 — 背景上的文字
敏捷的狐狸
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 这是 14px 的正文文字,用于检查小文字对比度。
按钮
预览 — 已交换
敏捷的狐狸
同样的文字和背景,已交换。某些颜色对只在一个方向上有效。
按钮
关于 WCAG 对比度
- AA 是大多数司法管辖区的法律标准:普通文字 4.5:1,大文字(18pt+ 或 14pt 粗体)3:1。
- AAA 是"增强":普通 7:1,大 4.5:1。如果可以,正文目标这个。
- UI 组件(按钮、表单边框、图标)需要相对于相邻颜色 3:1 — 与大文字相同。
- 注意仅靠颜色的含义。将颜色与图标、下划线或标签配对,让色盲用户也能获得信号。
- Apple HIG 和 Material 都要求应用中的文字最小 4.5:1 — 未通过这是已知的 App Store 无障碍审查标志。
也需要可访问的应用截图吗?
LaunchShots 自带编辑器内置的对比度提示 — 试试吧。
打开编辑器 →
☕喜欢 LaunchShots 吗?
永久免费 — 如果帮你省了时间,可以请我喝杯咖啡。
支持 →