WCAG A级的对比要求?

时间:2017-09-09 15:36:21

标签: accessibility contrast wcag wcag2.0

我正在尝试修改旧网站以便访问。但是,使用像“WAVE”这样的浏览器工具进行的首次测试显示了标题的对比度错误,这些错误只是白色背景上的彩色文本。颜色为#97CB44(浅绿色)和#EC7F38(橙色)。正如我所写,背景是#FFF

然而,这些颜色是客户的企业形象和标识的重要组成部分 - 我不能/不能改变它们。

我想知道相应的WCAG 2.0指南。我所能找到的(也在其他网站上)是引用此规则(最初可在此处找到:https://www.w3.org/TR/WCAG20/#visual-audio-contrast):

  

1.4.3对比度(最小值):文本和文本图像的视觉呈现对比度至少为4.5:1,但以下情况除外:(AA级)

     

大文字:大型文字和大型文字图片的对比度至少为3:1;

     

附带:作为非活动用户界面组件的一部分的文本或文本图像,它们是纯装饰,而不是   任何人都可以看到,或者是包含图片的一部分   重要的其他视觉内容,没有对比要求。

     

标识:作为徽标或品牌名称一部分的文字没有最低对比度要求。

现在,从第一段的结尾来看,这似乎是AA级的先决条件,我不一定需要满足 - 在我的情况下,A级就足够了。

但我不明白A级关于对比的必要性是什么?对于A级,是否没有对比规则,那么我的网站(上面描述的文本颜色)是否会作为A级验证?

2 个答案:

答案 0 :(得分:2)

WCAG 2.0没有为A级定义任何对比度要求。

关于对比的唯一指导原则是:

所选比率的基本原则:for 1.4.3for 1.4.6。这两个基本原理都是指3:1的最低水平,这是其他来源推荐的,但它不是WCAG指南。

答案 1 :(得分:1)

  

但我不明白A级关于对比的必要条件是什么?对于A级,是否没有对比规则,那么我的网站(上面描述的文本颜色)是否会作为A级验证?

A级没有对比度最小值。这意味着您的网站无法被大部分人访问。

许多立法要求达到AA级。如果您不尊重AA级,则仍然存在诉讼风险。

请阅读Karl Groves关于Understanding WCAG Level 的文章,该文章可以得出相同的结论:无论您是想要达到A级还是AA级,都必须能够访问。

  

然而,这些颜色是客户的企业形象和标识的重要组成部分 - 我不能/不能改变它们。

问题不在于颜色是否是徽标的一部分,而是文本是否与徽标本身不分离。

例如,如果您的徽标包含橙色(#EC7F38),并且您希望对基线使用相同的橙色,则基线不是徽标的一部分。