无障碍配色与对比度标准

本篇属「设计知识」板块，供广告、图文、设计与 AI 应用从业者日常速查。内容整理自公开资料与行业通行做法，涉及数值与工艺的条目，实际生产请以制作方工艺单与设备规格为准。

什么是无障碍配色

无障碍配色指在设计时考虑视觉能力存在差异的用户，让文字、图形与背景之间保持足够的可分辨程度。它不只服务视力障碍者，也帮助在强光、小屏幕或快速浏览场景下所有人更轻松地获取信息。把无障碍作为基础要求，而非后期补救，能显著降低沟通成本。

配色的核心关切是“对比度”，即前景与背景在亮度上的相对差异。差异越大，文字与图形越容易被辨认。理解对比度不需要掌握色彩学公式，只需建立“浅底深字、深底浅字”的基本意识，并在关键位置用工具核验数值是否达标。

WCAG 2.1 的对比度标准

WCAG（Web Content Accessibility Guidelines，网页内容无障碍指南）是被广泛引用的国际标准，其 2.1 版本给出了明确的对比度数值。对正文文本，前景与背景的对比度至少应达到 4.5:1；对大号文本（一般指加粗 18.66px 以上或常规 24px 以上的文字），门槛可放宽到 3:1。

这套阈值并非上限，而是合规底线。在重要按钮、警示信息或长段落正文上，留出更高余量会更稳妥。设计师可在交付前用在线对比度检查工具，输入前景与背景的色值，直接读取比值是否达标，避免凭肉眼判断出错。

• 正文文本对比度至少达到 4.5:1
• 大号文本对比度至少达到 3:1
• 用取色工具读取前景与背景的十六进制色值
• 在交付前用检查工具核验关键文字组合
• 对重要信息预留更高的对比余量

常用配色方法

最稳妥的做法是从明暗两端取色：深色背景配接近白色的前景，浅色背景配接近黑色的文字。避免用相近明度的同色系搭配（如深灰字配中灰底），这类组合在屏幕上极易糊成一片。渐变背景上的文字尤其要局部压暗或提亮以保对比。

不要仅依赖颜色本身传递信息。例如用“红色表示错误”时，同时加上图标或文字说明，因为部分用户难以区分红绿。把颜色作为辅助线索，而非唯一信号，是通用设计的基本习惯，也能照顾到色觉差异人群。

• 优先采用深浅对比明显的配色
• 避免相近明度的同色系文字与背景
• 渐变区域要局部调整文字对比
• 不单独用颜色表达关键信息
• 为色觉差异用户补充图形或文字标识

在设计流程中落地

把对比度检查纳入交付清单，比临时补救更高效。在定稿阶段，统一核验标题、正文、按钮与页脚等位置的文字组合，记录达标情况。对需要印刷的物料，还要注意纸张与油墨对实际明度的影响，屏幕达标的配色印出来未必同样清晰。

团队内部可沉淀一套常用安全配色，例如几组已验证达标的深色与浅色组合，供海报、网页与名片快速套用。把无障碍当成可复用的规范，而非一次性任务，能让后续项目更稳定地通过验收，也减轻重复劳动。

一句话总结：无障碍配色的关键是保证足够对比度，WCAG 2.1 给出正文 4.5:1、大号文本 3:1 的底线。把它纳入常规设计流程，能让内容被更广泛的人群清晰识别。