WebAIM -考虑网页的可访问性

链接对比检查

链接颜色

请输入有效的十六进制三联体,或使用颜色选择器。

身体文本颜色

请输入有效的十六进制三联体,或使用颜色选择器。

背景颜色

请输入有效的十六进制三联体,或使用颜色选择器。

五个拳击向导跳得很快。

链接到正文

WCAG答:

背景链接

WCAG AA:

正文到背景

WCAG AA:

解释

为了可用性和可访问性,默认情况下链接应该加下划线。否则,链接文本必须有至少3:1的对比与周围的正文文本,并且必须在鼠标悬停和键盘焦点时显示非颜色指示器(通常为下划线)。

此外,链接和正文与背景的对比必须至少达到4.5:1(大文本为3:1),才能满足wcag2 AA级。

输入RGB十六进制格式的链接、正文和背景颜色(例如,#FD3或#F7DA39)或使用颜色选择器。亮度滑块可以用来调整所选的颜色。反馈将提供所有三个需要的对比计算。

若要检查大字体的对比度,或检查是否符合AAA级对比度要求,请使用我们的标准对比检查器

新!

这个工具也可以作为一个基本的API。简单的添加api以获得一个具有对比比率的JSON对象。例如://www.kanehsu.com/万博亚洲体育官网resources/contrastchecker/?fcolor=FF0000&bcolor=FFFFFF&api