原创三步学习图:提取条带单元、比较排列间隔、核对带编号的图例。
阅读口径

相关数值来自下方 W3C 原始条款;本页没有对整个网站作无障碍符合性认证。数字达标也不代表排版、内容顺序、键盘操作和所有读者需求均已覆盖。

先弄清关键关系

文字可读性不只受字号影响。虎纹的深浅交替会让同一个字的不同笔画面对不同背景,接缝还可能与笔画形成假连接。对比检查应针对实际相邻颜色与最不利位置,不能用整张图的平均明度代替。背景是纯色时,测量与维护也更容易重复。

原创情景与对照

原创练习:制作写着“观察纹样结构”的横幅。甲版把白字直接压在深浅条纹上,乙版给文字加不透明深蓝块,丙版将条纹移至标题两侧。保持字号不变,逐字检查笔画边缘。乙、丙两版分别通过稳定背景和空间分离减少干扰,不需要给每个字单独添加特效。

具体怎样修改

W3C 的文字对比条款给普通文字规定至少4.5:1,大号文字至少3:1,并列明例外。这里引用的是网页内容要求,不能据此宣称印刷招牌合规。使用门槛前要确认字号类别及适用对象;刚好接近门槛时不要通过四舍五入将不足的数值算作通过。

依据:W3C WCAG 2.2 · 1.4.3 文字对比。链接所述事实与本站原创练习分别标注。

承托还是分离

承托区不是一定要覆盖整张海报。可以只覆盖标题与必要说明,保留两侧纹样帮助识别栏目。若图案本身就是文章讨论对象,最好把它作为独立知识图展示,文字在外部解释,避免信息承托区遮住正要观察的间隔和接缝。

本页原创选择对照
情境优先考虑
背景要持续出现只为阅读区设置纯色块
图案本身需要被观察将正文与知识图分开

可执行检查单

  1. 01先读取实际前景与背景色,检查文字跨越的所有背景区。
  2. 02优先移动纹样或加纯色信息块,再决定是否调整字色。
  3. 03保存颜色值、文字尺寸和测量结果,修改背景后重新核对。

一个常见问题

阴影或描边能代替背景检查吗?

不能一概而论。细小阴影可能不足以隔开复杂纹样,描边也会改变字形。对本站这类阅读页面,稳定的纯色区域更便于说明与复核;若采用特效,仍需检查实际呈现中的文字边缘。

如何留下复盘记录

复盘时给出问题字、背景位置和改动方式。例如“标题第三字跨过浅色间隙,因此扩大纯色承托区”。这种记录能防止日后替换图片时重新引入同样问题。

继续阅读

灰度检查能发现什么 · 图底对比