How to use
如何使用 WCAG 对比度检查器
输入文字颜色和背景颜色后，页面会立即给出对比度结果。它更适合承接明确带有无障碍要求的检查需求。
无障碍导向
WCAG 对比度检查器
针对 WCAG 和无障碍需求，快速检查文字与背景颜色的对比度。
普通文本 AA
Pass
大号文本 AA
Pass
普通文本 AAA
Pass
预览文本
13.78:1
这是一段用于检查颜色可读性的示例文本。
对比度
13.78:1
FG #1E293BBG #FFF7ED
Why this page matters
为什么这个页面更适合 WCAG 长尾搜索
有些用户搜索的不是普通 contrast checker，而是明确的 wcag contrast checker。单独页面能更精准地回应这种搜索意图。
Related tools
继续查看相关工具页
把站内相关的转换和对比度工具通过内链串起来，更适合承接具体长尾搜索。
Extra context
继续了解这个工具页
工具页不只是一个输入框，也应该解释适用场景、对应搜索意图和为什么值得停留。
更适合无障碍导向的页面意图
这个页面面向的是已经在考虑 WCAG、可读性和界面易用性的用户，因此标题和正文都比通用对比度工具更聚焦。
适合产品、营销和内容团队
对比度检查不仅适用于 App UI，也适用于落地页、内容模块、品牌素材和所有需要在彩色背景上保持文字清晰的场景。
常见问题
Frequently asked questions
这里怎么用 WCAG 对比度检查器？01
输入前景色和背景色，工具会立即计算它们的对比度结果。
为什么要和普通对比度页面分开？02
因为有些搜索就是明确冲着 wcag contrast checker 来的，单独页面更容易精准承接。
它适合做界面无障碍检查吗？03
适合。这个页面就是为文字和常见界面配色的可读性判断准备的。