发布:2026年10月24日 18:05 北京时间 · 更新:2026年10月24日 18:05 北京时间
文字对比度比较的是前景与背景的相对亮度。WCAG普通文本AA要求至少4.5:1,大文本有3:1规则;是否属于大文本还需要按规范判断,不能仅凭视觉上看着够大。
操作示例与判断方法
先测黑色文字与白底,应得到21:1,再测试实际品牌文字色。若背景含透明、图片或渐变,先确定最终合成后的颜色,再检查最不利区域。小字号辅助文字尤其需要单独检查,不能只验证主标题。
在站内工具中复现
打开颜色对比度检测,按当前页面列出的输入项设置参数。下面的工具样本用于核对字段;上面的场景解释用于判断结果是否符合你的用途。
- 文字颜色
- 背景颜色
工具内置样本
文字颜色:#244c77
背景颜色:#ffffff当前实现范围
按 WCAG 相对亮度计算 sRGB 对比度;普通文本 AA≥4.5,大文本 AA≥3。颜色不考虑透明度。
容易误解的地方
本站不考虑透明度自动合成,也不完成整站无障碍审计。达到一个对比值不代表字体、焦点、交互和信息结构都符合要求。
完成后如何验收
记录前景、背景和文字类别,按W3C说明核对阈值。实际页面检查悬停、禁用与错误状态,结合字号和布局一起改进。
延伸阅读
制作说明
本文为DDLONG站内工具实用指南,由AI辅助起草并结合本站工具实现整理。示例用于解释操作,不代表已完成专业鉴定、现场采访或对所有设备的兼容性测试。工具界面更新后请以当前字段与报错为准;发现问题可使用页面纠错入口。
相关实用指南
真实来源
本文含 AI 辅助翻译或整理,保留真实来源;翻译不等于原创报道。