原创面积分配知识图:七二一与五四一两组色块,说明背景主体强调比例只是试稿起点
阅读口径

本页案例与狐狸图形为本站原创学习示例;描述具体关系,不推断普遍偏好或真实动物行为。

先明确这次比较什么

W3C的WCAG文字最低对比要求中,普通文字通常至少为4.5:1,大号文字通常至少为3:1,具体字号定义与例外应参照原文。这里的比值针对文字与背景,不是画面里任意两色。学习海报时可借用这一检查思路,但满足一个对比值不代表已经完成所有可访问性检查。

概念依据:W3C:文字最低对比说明。后续练习为本站原创。

原创示例与处理步骤

原创示例:浅沙底上放深蓝标题,底部一行珊瑚橙小字则需要单独核对。不要因品牌色好看就默认它适合小字;可以把说明改为深蓝,把珊瑚橙留在编号或叶片上。颜色角色调整后,画面仍然保留原有色板,也减少了为了对比临时加入黑色的必要。

列出每组文字色和背景色,逐组使用可靠的对比计算工具核算,并记录实际数值与字号条件。若底色为图片,先给文字加一块稳定的底板,或移动到明确的留白处。修改后重新看小尺寸:数值之外,行距、字重和文字长度也会影响阅读体验,需要结合实际用途检查。

容易混淆的地方

常见误解是加细描边就一定能救活浅色文字。细边在小尺寸里可能并不稳定,也可能让中文字形变得复杂。更直接的方法是换成对比更清楚的字色、简化背景或扩大文字区域。不要把正文做成纯图片后只留一句笼统说明,关键文字应在页面中有可阅读的文本。

可执行检查单

  1. 01逐组记录字色底色和字号。
  2. 02对复杂背景先安排稳定文字区。
  3. 03修改后核算并在目标尺寸复看。

一个常见问题

大标题通过检查,小注记还要查吗?

要。两者字号、字重和背景可能不同,不能用标题的结果代替注记。若注记过小,应先调整排版而不是只提高颜色对比。记录时分别写出标题、说明和按钮或链接的组合,避免“整张图通过”这种无法定位问题的结论。

适用范围与后续记录

本页提供的是基础核对路径,不代表对任意成品作出合规认证。分享练习时可以附上用过的颜色值和检查条件,让别人知道你实际检查了什么。之后再看颜色是否是唯一区分线索,为色板、分区和图例补上编号或文字,使颜色信息有其他可见的表达方式。

继续练习

色板不能只靠颜色传意 · 图形海报