颜色对比度辅助功能检查器

Question

有没有人使用过https://contrastchecker.com/

我刚刚尝试了#FF0000作为前台，#FFFFFF作为后台。它说AA 12 pt，AAA 12 pt和AAA 18+都失败了。但是它在“颜色”下面说我通过了并且完全符合颜色标准？颜色怎么可能没有通过类型测试，却通过了颜色测试呢？

Answer 1

所以，这里有一些不同的指标在起作用。

类型测试是测量前景和背景之间的亮度对比度( contrast )-该度量首先基于前景中类型的相对亮度和背景的亮度，然后使用这些亮度值来计算对比度。

颜色测试是测量前景和背景之间的色调差异-色调是与对比度不同的计算，因此一个可能失败，而另一个通过。

在大多数情况下，最佳实践是根据类型测试(contrast)的结果进行颜色选择，但在某些情况下，结果可能较难访问。

Paciello Group制作了一个非常棒的对比度分析器应用程序：

https://developer.paciellogroup.com/resources/contrastanalyser/

我强烈推荐它，因为它有一个功能，可以模拟不同类型的色盲对所选前景/背景组合的影响。

举个例子：

红色(#FF0000)前景和黑色(#000000)背景

• 以AA小文本和AAA大文本通过，比率为5.3:1
• 失败，色差为255 (最小值为500)
• 失败，亮度差为76 (最小值为125)
• 3/5色盲模拟类型显示该类型几乎不可见

即使类型测试通过，也无法访问结果！

红色(#FF0000)前景和白色(#FFFFFF)背景

• 仅通过AA大文本，比率为4:1
• 通过色差的值为510 (最小值为500)
• 通过的亮度差为179 (最小值为125)
• 5/5模拟类型的色盲显示非常清晰的文本！

即使类型测试失败，结果也更加accessible!