对比度检查器

粘贴前景色和背景色（或从截图中选取）；获取对比度比值以及它通过哪些 WCAG 级别。WCAG 2.1 AA 是大多数司法管辖区的法律无障碍基线；AAA 是推荐用于关键内容的更高标准。

阈值

• WCAG AA，普通文本：最低 4.5:1。
• WCAG AA，大文本（18pt+ 或 14pt+ 粗体）：最低 3:1。
• WCAG AAA，普通文本：最低 7:1。
• WCAG AAA，大文本：最低 4.5:1。
• 非文本 UI 组件（按钮、表单边框）：最低 3:1（WCAG 2.1+）。

为什么对比度很重要

低对比度文本对于低视力用户（约占人口的 4%）、在强烈阳光下使用的用户、使用廉价显示器的用户以及老化的眼睛（最终每个人都会遇到）来说难以阅读。许多设计系统默认使用灰底灰字，因为它在设计师校准的 5K 显示器上看起来优雅——但在其他地方却无法阅读。

未通过 WCAG AA 在美国（ADA 第三章）、欧盟（EAA）和许多其他司法管辖区也可能面临法律诉讼。廉价保险：在发布前，对每个文本/背景组合运行检查器。

我们报告的内容

1. 对比度比值，以数字形式呈现（例如 4.71:1）。
2. 通过/未通过，针对每个 WCAG 级别和文本大小。
3. 建议修复：最接近的更深色前景或更浅色背景，使其通过。
4. 实时预览，使用该颜色组合的示例文本。

配合色盲模拟器使用

对比度和色盲是不同的无障碍维度。在同一个 UI 上运行色盲模拟器，以验证它对 CVD 用户也有效。