【发布时间】：2018-12-05 19:47:09
【问题描述】：
有人与https://contrastchecker.com/合作过
我刚刚尝试将#FF0000 作为前景，将#FFFFFF 作为背景。它说 AA 12 pt、AAA 12 pt 和 AAA 18+ 都失败了。但是然后它在“颜色”下说我通过了并且完全符合颜色要求？颜色如何通过型式测试但通过颜色测试？
【问题讨论】：
【发布时间】：2018-12-05 19:47:09
【问题描述】：
因此，这里有几个不同的指标。
TYPE 测试是测量前景和背景之间的对比度 - 该指标首先基于前景中类型的相对亮度和背景的亮度，然后这些亮度值用于计算对比度。
色彩测试是测量前景和背景之间的色调差异 - 色调是一种不同于对比度的计算方法，因此一个可能会失败而另一个通过。
在大多数情况下，最佳做法是根据 TYPE 测试的结果（对比度）来选择颜色，但在某些情况下，结果可能不太容易获得。
Paciello Group 开发了一款非常棒的对比度分析器应用程序：
https://developer.paciellogroup.com/resources/contrastanalyser/
我强烈推荐它，因为它具有模拟不同类型色盲对所选前景/背景组合的影响的功能。
示例：
红色 (#FF0000) 前景和黑色 (#000000) 背景
- 以 5.3:1 的比例通过 AA 小文本和 AAA 大文本
- 色差失败，值为 255（最小值为 500）
- 亮度差异失败，值为 76（最小值为 125）
- 3/5 模拟色盲类型显示该类型几乎不可见！
即使类型测试通过，结果也无法访问！
红色 (#FF0000) 前景和白色 (#FFFFFF) 背景
- 仅以 4:1 的比例通过 AA 大文本
- 通过值为 510 的色差（最小值为 500）
- 通过亮度差值为 179（最小值为 125）
- 5/5 模拟色盲类型显示非常清晰的文本！
即使类型测试失败，结果也更容易获得！
【讨论】：
-
谢谢。这确实解释了它。所以我可以安全地使用 ff0000 对付 fffff，并忽略类型失败。
-
我个人不建议在白色背景上使用纯红色文本，它一开始并不那么清晰 - 但它比黑色背景更清晰。最佳做法是将红色变暗，直到颜色通过两项测试 - 然后使用那一项。
-
@Paeon 我不认为这就是 MikeAbeln 所说的。您应该不忽略 TYPE 失败。这就是 WCAG 1.4.3 的基础。如果您未通过 TYPE，那么您不符合 WCAG AA。如果您在法律上有义务遵守 WCAG AA，那将是一个问题。
-
是的，很遗憾，这位客户的品牌经理坚持使用这种红色（与 PMS485 相配）。我打算写一篇关于品牌可访问性的博文。客户聘请了一位品牌经理，他创建了一个通常无法访问的调色板和排版，批准并在他们的印刷品中实施。然后他们想，哦，我们也应该更新我们的网站。但是使用品牌指南。但要符合 WCAG。
正如“颜色”测试的工具提示所示，这不仅测试色差（例如色盲），还测试亮度差（即对比度）：
这是基于亮度和颜色的差异。这里的及格分数意味着您完全符合颜色要求。
这是基于名为“可访问性评估和修复工具技术”的旧 W3C 工作草案。见Checkpoint 2.2 - Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen
不再推荐此测试，并已被最新的WCAG recommendations（和痛苦但必要的计算）取代
【讨论】：