对比度Contrast
你可能会说
页面上那段灰色说明文字太费眼了,帮我调清楚一点。
对比度是指文字与背景之间的明暗反差,直接决定内容是否清晰可辨。灰底页面上放一段浅灰说明文字,眯起眼看几乎消失——这就是对比度不足。想让「看不清」变成可检查的要求,就跟 AI 说「正文和背景的对比度至少 4.5:1」,这是行业通用门槛,辅助性文字也建议 3:1 以上。深色模式翻车多因为它:黑底直接配灰字,看起来有层次,实际已经低于门槛。
也常被叫作颜色对比明暗对比前景背景对比
延伸阅读 · 权威出处
页面上那段灰色说明文字太费眼了,帮我调清楚一点。
正文 4.5:1:要认真阅读的文字(标题、正文、按钮文字)和背景的比值至少 4.5 比 1,这是行业通用的 readability 门槛。
辅助文字 3:1:占位提示、图标、装饰性标签这类不承担阅读任务的,3:1 起步——再低就等同看不见。
把页面上对比度不足的文字修一遍:要读的文字和背景至少 4.5:1,大标题和图标至少 3:1,深色模式下重新检查一遍。改完列一下哪些地方改了颜色。