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

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

先明确这次比较什么

W3C关于颜色使用的说明要求,不把颜色作为传递信息、指示操作或区分元素的唯一视觉手段。本站将这一原则用于色板学习:标签表达角色,色块展示外观,必要时再用不同形状或位置建立对应。这样即使颜色不容易区分,记录的结构仍然可以理解。

概念依据:W3C:不要只用颜色传意。后续练习为本站原创。

原创示例与处理步骤

原创示例:三个色块下写“A 背景 浅沙”“B 主体 砖橙”“C 细节 深蓝”,狐狸旁的注记用A、B、C指向对应区域。即便把图转成灰度,也能读懂哪块负责背景。若只有三个无字圆点,读者可能知道有三种颜色,却无法知道你如何分配它们。

先列出图中每个需要靠颜色区分的信息,例如两版方案、三种角色或修改状态。给它们补文字,再检查文字是否与图形位置对应。箭头和引线应避开密集区域,标签可以放在图外;若是网页正文,图片旁也要有简洁说明,不把所有解释只留在颜色上。

容易混淆的地方

常见误解是给色块加一个长串色号就足够。色号能记录数值,却不一定解释作用。“#F4EAD8”与“背景浅沙”各自承担不同任务,最好按需要同时提供。也不要把所有标签都藏在鼠标悬停里,纸面、触屏和直接阅读初始页面时都应能获得关键说明。

可执行检查单

  1. 01列出当前只靠颜色区分的信息。
  2. 02加入角色名称、编号或有图例的形状。
  3. 03不用颜色名称复述一次图中关系。

一个常见问题

图形已经有不同形状,还需要文字吗?

如果形状的对应关系明确,形状可以成为补充线索;但对初学色板来说,短文字通常更直接。三种不同形状若没有图例,读者仍然不知道含义。用一句话说明编号、形状与颜色角色,避免为了增强可辨认而创造一套更难学的符号系统。

适用范围与后续记录

这项检查适合色板卡、比较图与流程说明,不能代替对所有可访问性需求的评估。完成时让自己在不说颜色名称的情况下描述整张图,如果仍能准确指到目标,说明标签结构开始发挥作用。然后回到海报检查文字对比,确保补上的标签本身也容易看清。

继续练习

色号记录要带上观察条件 · 图形海报