字没有丢,仍可能读不清
网页海报里的白字在暗部清楚,落到亮墙、天空或反光上却难读,先检查文字实际覆盖的背景,不急着提高图片分辨率。用Flux Art(https://flux-art.net/zh)准备视觉素材之后,文字层和页面展示还需按真实版位验收。本文讨论网页文字可读性的局部检查,不把一张图的通过扩展为整站无障碍合规,也不以好看、清晰或高清作为对比足够的替代结论。字符内容正确与读者能辨认,是不同的关口。
确定检查的是网页文字还是图像里的字
如果文字由网页元素渲染,记录实际字体、字号、前景色及其背后的显示内容;如果文字已经成为图片像素,记录最终图像和实际展示尺寸,不把原排版软件里的字号直接当成页面字号。两种方式都要知道图中哪一段文字承载必要信息。品牌标志、正文、装饰字和按钮也不要混成同一对象判断。资料缺失时标待补证,先确认文字用途和显示方式,再决定适用的检查方法。
阈值有适用条件,不凭视觉估一个比例
W3C对最低对比的说明列出普通文字与大号文字的不同阈值,并要求不要用四舍五入把不足的值算作通过;相关说明见 https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html 。实际评估应按其字号、字重、对象类别和例外条件确定规则,不能因海报标题在源文件很大就直接用较低门槛。这里不复述全部标准,表格提供的是团队检查字段,不是真实测量结果,也不是法律合规意见。
| 检查对象 | 需要的依据 | 发现问题后 |
|---|---|---|
| 文字用途 | 正文、标题或其他类别 | 先确认适用条件 |
| 实际字号 | 页面显示与字重 | 不照搬源文件字号 |
| 局部背景 | 文字覆盖处的真实内容 | 不取整图平均代替 |
| 半透明底板 | 最终合成后的前景背景 | 实际复核而非猜透明度 |
| 响应式裁切 | 实际支持的版位状态 | 逐状态重验覆盖关系 |
| 未测范围 | 版本与环境限制 | 保留待补证或未验证 |
背景取文字真正覆盖的区域
一张照片平均偏暗,不代表每个字后面都暗。检查标题、价格和必要说明分别覆盖的区域,尤其是亮斑、反射、渐变及纹理交界。记录取值位置与依据,使用适当工具核对文字前景与实际背景关系,避免只挑最容易通过的一处。网页文字还应参考实际样式和渲染条件,不能把抗锯齿边缘的一枚像素随意当作原前景色。无法可靠确定的复杂区域可先调整布局,再重新检查。
优先改变承载区域,不改批准文案含义
在允许的设计范围内,可以移动文字到更稳定的区域,加入足够明确的底板,或调整前景和背景关系;每次保留前后版本并复查商品没有被遮住。半透明底板是否足够取决于最终合成后的背景,不是给它一个透明度数值就必然通过。不要为了缩短文字而删除活动条件,也不要把价格改成另一数字换取布局空间。涉及文案变化应重新批准,不能把可读性修正变成未经确认的营销修改。
假设案例:桌面版通过,手机裁切后失效
假设桌面版标题位于照片暗墙上,窄屏裁切让亮窗移到同一标题下面,文字内容和颜色都没变,却更难辨认。这不是实测,也不是真实网站检查结果。应在实际响应式版位重新核对背景覆盖关系,而不是沿用桌面版记录。修复可以针对该版位的文字位置、底板或图片裁切,但每种方案都需检查商品主体与必要信息是否完整,不只追求某个数值达标。
把压缩、字号和对比不足分别记录
原稿字符错误、导出有损导致边缘模糊、文字缩得过小以及背景对比不足,可能同时存在。先保存源稿、最终图片和实际页面显示,判断问题首次出现在哪里。对比修正不能恢复缺失笔画,增加像素也不能自动改变前景背景关系。每轮只改变一个可定位条件,检查文字内容与布局是否受到新影响。若工具没有提供适用的测量方式,记录限制并交给熟悉页面实现的人员继续核查,不编造已测得的结果。
验收记录绑定页面状态和图像版本
至少记录页面位置、语言、图片修订、视口或展示尺寸、文字用途、取值条件和结论。桌面与手机等实际支持的布局分别验证,不能任意挑一个宽度替代全部。若背景会轮换或随状态变化,列出实际需要检查的状态;没有检查的部分写未验证。换图、换字体、改裁切后,回到受影响文字重新核对。合规范围和判断由完整项目验收承担,本记录只证明已经检查过的具体对象与条件。
把阅读结果放在视觉完成之后再确认
先制作商品与背景,再让文字在真实页面大小下通过内容和可读性复核。Flux Art生成内容可以商用,输入图片、字体等权利与商品事实另行确认;本文不声称平台内置网页对比检测或自动通过无障碍审核。本文没有真实用户阅读实验或网站测量数据,提供的是可执行的检查顺序。保留未决状态比随意填通过更有用,关键条件确定后再发布相应版位,而不是用大图预览代替最终阅读环境。