大面积颜色的颜色对比答案

【问题标题】：Colour contrast for large areas of colour大面积颜色的颜色对比
【发布时间】：2012-03-23 09:36:57
【问题描述】：

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

【问题讨论】：

【解决方案1】：

颜色对比规则是为了确保弱视或色觉障碍的用户仍然可以区分不同的元素。对于图表，我会做两件事：

1) 在色盲模拟器上测试页面。我使用Vischeck，但我敢肯定还有其他人。

2) 使用另一种区分条形的方法来支持颜色的使用 - 想到图案和标签。如果图表是一张图片，你也可以给它一个总结数据的标题。

您仍然可以使用 Color Contrast Analyser 之类的东西作为图表。对于每个条，使用前景吸管对其进行采样，然后使用背景吸管对背景和两侧的列进行采样。

【讨论】：

【解决方案2】：

来自 AccessiWeb 2.1 参考列表（基于 WCAG 2.0），以下是相关标准：

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

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

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

【讨论】：