对比度检查器

什么是 WCAG 对比度？

WCAG（Web Content Accessibility Guidelines，网页内容无障碍指南）定义了文本与背景之间的最低对比度比率，以确保视力障碍用户（包括低视力和色盲用户）的可读性。对比度比率根据前景色和背景色的相对亮度计算，范围从 1:1（无对比度）到 21:1（最大值——黑底白字）。

公式使用每种颜色的相对亮度：(L1 + 0.05) / (L2 + 0.05)，其中 L1 是较亮颜色的亮度，L2 是较暗颜色的亮度。相对亮度考虑了人类感知——相同强度下，绿光看起来比蓝光更亮。

满足 WCAG 对比度要求对于无障碍合规（ADA、Section 508、EN 301 549）至关重要，同时也能在强光、低质量显示器或视觉疲劳等挑战性条件下改善所有用户的可用性。

AA 与 AAA — 您应该满足哪个标准？

WCAG AA 级别是大多数网站和应用程序推荐的最低标准。它要求：

• 普通文本（小于 18pt 或 14pt 粗体）：对比度比率至少为 4.5:1
• 大文本（18pt+ 或 14pt+ 粗体）：对比度比率至少为 3:1
• 界面组件和图形：与相邻颜色的对比度比率至少为 3:1

WCAG AAA 级别是增强标准，推荐用于政府网站、医疗保健和服务视力障碍用户的应用程序：

• 普通文本：至少 7:1
• 大文本：至少 4.5:1

大多数组织以 AA 合规作为实际基准。AAA 可能难以用品牌颜色实现，但应考虑用于正文文本和关键信息。本工具同时检查两个级别，以便您做出明智的决策。

常见问题

什么是颜色对比度无障碍？

颜色对比度无障碍确保文本和界面元素对视力障碍人士可读。它通过前景色和背景色的相对亮度之比来衡量——比率越高，可读性越好。

什么是 WCAG？

WCAG（Web Content Accessibility Guidelines，网页内容无障碍指南）是由 W3C 制定的一套国际标准，定义了如何使网页内容具有无障碍性。WCAG 2.1 规定了文本和界面组件的最低对比度比率。

我需要多少对比度比率？

对于 AA：普通文本需要 4.5:1，大文本需要 3:1。对于 AAA：普通文本需要 7:1，大文本需要 4.5:1。界面组件至少需要 3:1。

AA 和 AAA 有什么区别？

AA 是最低标准（普通文本 4.5:1）。AAA 是增强标准（普通文本 7:1）。AA 适合大多数网站；AAA 适合政府、医疗和高无障碍性应用程序。

如何修复低对比度？

加深前景色或淡化背景色（反之亦然），直到比率达到阈值。本工具提供自动修复建议，显示所需的最小调整。