加载失败,

不要依赖 WCAG 2 的对比度计算,试试 APCA

2022年8月15日创建
894
1279
3
0
如何科学地评估「文字与背景的色彩组合能不能被看清楚」?
产品设计中的色彩系统」系列文章之一
背景
写给设计师,你或许将要在产品设计中搭建色彩系统
最好了解 WCAG 2,听说或实践过在色彩选择中满足对比度 3:1、4.5:1、7:1 的要求
最佳实践
如果你的产品有暗色模式(Dark Mode),请不要依赖 WCAG 2,它几乎不起作用
优先考虑在项目实践应用 APCA 计算对比度,即便 APCA 目前还在改进中
将 WCAG 2 移植到 APCA 时的推荐实践标准
75 对应WCAG 7:1
60 对应WCAG 4.5:1
45 对应WCAG 3:1
如果你的产品在法律或其他政策中对于 WCAG 2 有强制约束,请考虑在 APCA 的基础上向前兼容WCAG 2
90 对应WCAG 7:1
75 对应WCAG 4.5:1
60 对应WCAG 3:1
在 WCAG 3.0 正式发布之前,建议实践中不考虑 APCA 中字形的影响,建议仅作为 WCAG 2 对比度数值的替代
声明:由于 APCA 处于迭代中,有可能意味着潜在修改成本
ACPA 最近更新:2021年10月:APCA BASE | APCA