大面积颜色的颜色对比

Question

有一些工具可用于测试文本的颜色对比度。但是，是否有任何指导/工具来测试颜色区域的颜色对比度，例如堆积条形图中的条形图。

Answer 1

从AccessiWeb 2.1参考列表（基于WCAG 2.0），这是一个相关的标准：

  

Criterion 10.14（青铜= A级）
  在每个网页上，信息不得仅由其形状或位置提供。是否遵循了这条规则？

WCAG 2.0足够的技术和/或与之相关的失败是：

• G96提供文本识别项目，否则只能依赖感官信息来理解
• G111使用颜色和图案
• F14由于仅根据其形状或位置识别内容而导致成功标准1.3.3（*）失败
• F26由于仅使用图形符号传达信息，成功标准1.3.3（*）失败

（*）1.3.3 Sensory Characteristics：为理解和操作内容而提供的说明不仅仅依赖于组件的感官特征，例如形状，大小，视觉位置，方向或声音。 （A级）

Answer 2

颜色对比度规则确保低视力或色觉障碍的用户仍能区分不同的元素。对于图表，我将做两件事：

1）在色盲模拟器上测试页面。我使用Vischeck，但我确信那里还有其他人。

2）用另一种区分条形的方法备份颜色的使用 - 模式和标签浮现在脑海中。如果图形是图像，您还可以为其提供汇总数据的标题。

您仍然可以使用Color Contrast Analyser之类的内容来表示图表。对于每个条形图，使用前景吸管对其进行采样，然后使用背景吸管将背景和的样本采样到任意一侧。