颜色对比度可访问性检查器
Color contrast accessibility checker
有没有人和https://contrastchecker.com/
一起工作过
我刚刚尝试将#FF0000 作为前景，将#FFFFFF 作为背景。它说 AA 12 pt、AAA 12 pt 和 AAA 18+ 都失败了。但是然后它在 "colors" 下说我通过了并且完全符合颜色标准？颜色如何能通过型式试验却通过颜色试验？
所以，这里有几个不同的指标在起作用。
TYPE 测试正在测量前景和背景之间的 对比度 – 该指标首先基于前景中字体的相对亮度，以及背景的亮度，然后使用这些亮度值来计算对比度。
COLOR 测试正在测量前景和背景之间的 色调 差异 – 色调是一种不同于对比度的计算方法，因此一个可以失败而另一个可以通过。
在大多数情况下，最佳做法是根据 TYPE 测试（对比度）的结果来选择颜色，但在某些情况下结果不太容易获得.
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 模拟色盲显示非常清晰的文字！
尽管型式测试失败了，但结果更容易获得！
正如 "COLOR" 测试的工具提示所示，这不仅测试了色差（例如色盲用户），还测试了亮度差异（即对比度):
This is based on brightness and color difference. A pass grade here means you are fully color compliant.
这是基于一个名为 "Techniques For Accessibility Evaluation And Repair Tools" 的旧 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 取代（并且痛苦 - 但必要 - 计算）
有没有人和https://contrastchecker.com/
一起工作过我刚刚尝试将#FF0000 作为前景，将#FFFFFF 作为背景。它说 AA 12 pt、AAA 12 pt 和 AAA 18+ 都失败了。但是然后它在 "colors" 下说我通过了并且完全符合颜色标准？颜色如何能通过型式试验却通过颜色试验？
所以，这里有几个不同的指标在起作用。
TYPE 测试正在测量前景和背景之间的 对比度 – 该指标首先基于前景中字体的相对亮度，以及背景的亮度，然后使用这些亮度值来计算对比度。
COLOR 测试正在测量前景和背景之间的 色调 差异 – 色调是一种不同于对比度的计算方法，因此一个可以失败而另一个可以通过。
在大多数情况下，最佳做法是根据 TYPE 测试（对比度）的结果来选择颜色，但在某些情况下结果不太容易获得.
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 模拟色盲显示非常清晰的文字！
尽管型式测试失败了，但结果更容易获得！
正如 "COLOR" 测试的工具提示所示，这不仅测试了色差（例如色盲用户），还测试了亮度差异（即对比度):
This is based on brightness and color difference. A pass grade here means you are fully color compliant.
这是基于一个名为 "Techniques For Accessibility Evaluation And Repair Tools" 的旧 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 取代（并且痛苦 - 但必要 - 计算）