我正在尝试修改旧网站以便访问。但是,使用像“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级验证?
答案 0 :(得分:2)
WCAG 2.0没有为A级定义任何对比度要求。
关于对比的唯一指导原则是:
所选比率的基本原则:for 1.4.3和for 1.4.6。这两个基本原理都是指3:1的最低水平,这是其他来源推荐的,但它不是WCAG指南。
答案 1 :(得分:1)
但我不明白A级关于对比的必要条件是什么?对于A级,是否没有对比规则,那么我的网站(上面描述的文本颜色)是否会作为A级验证?
A级没有对比度最小值。这意味着您的网站无法被大部分人访问。
许多立法要求达到AA级。如果您不尊重AA级,则仍然存在诉讼风险。
请阅读Karl Groves关于Understanding WCAG Level 的文章,该文章可以得出相同的结论:无论您是想要达到A级还是AA级,都必须能够访问。
然而,这些颜色是客户的企业形象和标识的重要组成部分 - 我不能/不能改变它们。
问题不在于颜色是否是徽标的一部分,而是文本是否与徽标本身不分离。
例如,如果您的徽标包含橙色(#EC7F38),并且您希望对基线使用相同的橙色,则基线不是徽标的一部分。