更多资源和工具
探索可访问性资源和工具以检查可访问性遵从性并对其进行补救.
How it Works
请选择前景色和背景色. 您可以输入十六进制颜色代码或使用颜色选择器工具. “WCAG符合性信息”图表将告诉您所选颜色是否通过符合性.
选择颜色
对比度
7.11:1WCAG依从性结果
| ELEMENT TYPE | AA | AAA |
|---|---|---|
| Small Text | Pass | Pass |
| Large Text | Pass | Pass |
| UI组件 | Pass | - |
这个对比度检查器试图尽可能准确地计算对比度. There may be situations where a color combination meets the calculated ratio; but the element being checked still fails overall. 这可能是由于其他与视觉相关的因素(例如. 悬停/焦点状态和效果等).
符合WCAG要求的对比度
AA级-文字
4.普通文本5:1，大文本3:1(18或14 pt +粗体).
WCAG成功标准1.4.3
AA级-非文本
UI组件3:1 & graphics.
WCAG成功标准1.4.11
AAA级-文本
常规文本为7:1,4.大字体5:1 (18pt或14pt +粗体).
WCAG成功标准1.4.6
