颜色对比辅助功能检查器

问题描述 投票:0回答:2

有人合作过吗https://contrastchecker.com/

我刚刚尝试将

#FF0000
作为前景,将
#FFFFFF
作为背景。上面说 AA 12 分、AAA 12 分和 AAA 18+ 均不及格。但然后它在“颜色”下说我通过了并且完全符合颜色标准?颜色怎么可能未通过型式测试但通过了颜色测试?

accessibility contrast
2个回答
1
投票

因此,这里有一些不同的指标在起作用。

类型测试正在测量前景和背景之间的对比度 – 该指标首先基于前景中类型的相对亮度和背景的亮度,然后使用这些亮度值来计算对比度。

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

在大多数情况下,最佳做法是根据类型测试(对比度)的结果来选择颜色,但在某些情况下结果不太容易获得。


Paciello Group 制作了一款非常出色的对比分析仪应用程序:
https://developer.paciellogroup.com/resources/contrastanalysisr/

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


示例:

红色 (#FF0000) 前景和黑色 (#000000) 背景
- 通过 AA 小文本和 AAA 大文本,比例为 5.3:1
- 色差不合格,值为 255(最小值为 500)
- 亮度差异不合格,值为 76(最小值为 125)
- 3/5 模拟色盲类型显示该类型几乎看不见!
即使型式测试通过,结果也无法获得!


红色 (#FF0000) 前景和白色 (#FFFFFF) 背景
- 仅在比例为 4:1 的 AA 大文本下通过
- 通过色差值为 510(最小值为 500)
- 通过亮度差值为 179(最小值为 125)
- 5/5 模拟色盲类型显示非常清晰的文字!
即使型式测试失败,结果也更容易获得!


1
投票

正如“颜色”测试上的工具提示所示,这不仅测试色差(例如色盲人士),还测试亮度差异(即对比度):

这是基于亮度和颜色差异。这里的通过等级意味着您完全符合颜色要求。

这是基于名为“可访问性评估和修复工具技术”的旧 W3C 工作草案。请参阅 检查点 2.2 - 确保前景色和背景色组合在有色差的人观看或在黑白屏幕上观看时提供足够的对比度

不再推荐此测试,并已被最新的WCAG建议所取代(并且痛苦 - 但必要 - 计算)

© www.soinside.com 2019 - 2024. All rights reserved.