WCAG 对比度检查器 – 检查 AA 和 AAA 文本合规
这款 WCAG 对比度检查器计算前景色与背景色之间的对比度，然后对照常规文本或大文本的 AA 或 AAA 要求进行检查。实时预览将文本显示在其背景上，帮助您评估可读性。AA 的阈值为 4.5:1 和 3:1，AAA 的阈值为 7:1 和 4.5:1。
这款 WCAG 对比度检查器计算前景色与背景色之间的对比度。它对照常规文本和大文本的 WCAG AA 和 AAA 阈值对结果进行评级，并提供实时预览，让您看到文本在其背景上的效果。用它来检查颜色对比度，在评估可读性的同时获得清晰的结果。
选择对照 AA 或 AAA 标准评估颜色，以及文本是常规文本还是大文本。对于 AA，常规文本要求的对比度为 4.5:1，大文本为 3:1。对于 AAA，常规文本的阈值为 7:1，大文本为 4.5:1。检查器会报告该对比度与所选要求的对比情况。
前景色和背景色在预览中扮演不同的角色：前景色是文本颜色，背景色是文本背后的颜色。一起检查这对颜色有助于您整体评估它们的对比度，而不是孤立地评判某一种颜色。实时预览在对比度和评级之外提供了一个快速的视觉检查。
检查器完全在您的浏览器中运行，您的输入在您自己的设备上处理；不会向服务器发送任何数据。页面加载后支持离线使用，且免费使用。开发者、设计师和 DevOps 工程师可以用它对照 WCAG 标准检查颜色组合，在分享或发布界面之前发现对比度问题。
步骤 1：输入要检查的前景色和背景色。检查器将比较这两种颜色。
步骤 2：选择评估标准。检查器将对照常规文本或大文本的 AA 或 AAA 阈值对对比度进行评级。
步骤 3：查看对比度和评级结果。结果会显示所选颜色是否符合选定标准。
步骤 4：查看实时预览。将文本显示在其背景上有助于您一目了然地判断可读性。
使用场景：在界面中使用前，检查前景色与背景色的组合是否达到所需的 WCAG 对比度阈值。
使用场景：在颜色组合到达评审人员或用户之前发现不合格的组合，以便及早评估。
使用场景：获得包含原因的通过/未通过结果，而不只是依赖对比度数值。
使用场景：在检查对比度的同时，使用实时预览判断文本在其背景上的显示效果。
使用场景：当需要评估不同的文本要求时，对照 AA 或 AAA 标准检查常规文本和大文本。
使用场景：对照项目需要遵循的阈值，验证拟采用的颜色组合。