一张品牌页面的配色稿看起来清楚,换成手机长标题却有几字融进背景,这未必是字体本身的问题。渐变在不同位置有不同颜色;文字换行后,也可能从浅色区域移到较深区域。检查的对象应当是文字实际覆盖的背景,而不是色板里那一个代表色。
W3C的增强文字对比度测试规则针对WCAG的AAA级要求,列出普通文字与大字不同的阈值,并明确说明:这个规则通过之后,仍可能需要进一步判断可读性。它不是整页无障碍合格证,也不能把增强要求与AA级最低要求混称为同一条规则。[1]
在品牌设计交付中,可以先给文字分角色。品牌标志、正文介绍、按钮名称、活动日期虽然同处一张图,承担的阅读任务并不相同。该规则说明商标和品牌名称在对应成功准则中有例外;不能由此推导正文也可以任意降低清晰程度。实际要传达的时间、地点和操作名称,尤其值得单独看。
设想一页蓝色渐变活动海报,标题原本只有六个字,后来增加了副标题。设计师可以保留同一品牌色系,同时比较两种构图:把信息集中在背景较均匀的位置,或者给信息区提供稳定底色。这里不是说某种处理必然合格,而是让背景变化不再偷偷改变文字的阅读条件。
交付检查可以沿着真实页面展开。先用最终文案看换行,再看较窄屏幕下每一行所在的区域;有背景图片时,也要检查裁切变化。记录“哪几个字在什么状态下难辨认”,比只写“蓝色不够醒目”更方便返工。原稿、修改稿使用相同文案和视口比较,才能知道改善来自哪里。
颜色测试的结果也要留下上下文,例如前景色、背景来源、字号与字重,以及被检查的页面状态。W3C还提醒,浏览器对样式的支持差异可能影响文字所在背景。[1] 因而一次取色结果可以帮助定位问题,但不能替代对真实排版的观察。品牌识别需要一致,信息阅读同样需要稳定;二者可以在具体构图里一起解决。
信息来源
本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。