WebAIM  - 无障碍记

对比检查

前景色

请输入一个有效的十六进制三重,或使用颜色选择。

背景颜色

请输入一个有效的十六进制三重,或使用颜色选择。

对比度

普通文本

WCAG AA:

WCAG AAA:

五名向导快速跳转。

大文本

WCAG AA:

WCAG AAA:

五名向导快速跳转。

图形对象和用户界面组件

WCAG AA:

图像/ SVG + xml的

说明

输入的RGB十六进制格式(例如,#FD3或#F7DA39)前景和背景颜色,或选择使用颜色选择器的颜色。亮度滑块可以用于调整所选择的颜色。

WCAG 2.0级AA需要至少4.5的对比度:1为普通文本和3:1的大型文本。WCAG 2.1需要至少3的对比度:1图形和用户接口组件(例如形式输入边框)。WCAG AAA级至少需要7的对比度:1为普通文本和4.5:适用于大型文本1。

大的文本被定义为14点(通常18.66px)和粗体或更大,或18点(典型地为24像素)或更大。

暗示:Colorzilla是用于从任何页面元素提取所述颜色值的优秀工具。另外,可以同时分析所有页面的文本元素的对比度。

使用我们的链接对比检查以评估单独使用彩色鉴定环节。

新!

这个工具也可以作为一个基本的API。简单地追加和API去任何得到一个JSON对象与所述对比度和AA / AAA的通过/失败状态。例如://www.kanehsu.com/万博亚洲体育官网resources/contrastchecker/?fcolor=FF0000&bcolor=FFFFFF&api