【问题标题】:Contrast requirements for WCAG level A?WCAG A级的对比要求?
【发布时间】:2018-02-18 07:29:19
【问题描述】:

我正在尝试调整旧网站以使其易于访问。但是,使用“WAVE”之类的浏览器工具进行的第一次测试向我显示了标题的对比度错误,这些标题只是白色背景上的彩色文本。颜色是#97CB44(浅绿色)和#EC7F38(橙色)。我写的背景是#FFF

但是,这些颜色是客户企业标识和徽标的重要组成部分 - 我不能/不能更改它们。

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

1.4.3 对比度(最低):文字的视觉呈现与文字图像的对比度至少为 4.5:1,以下情况除外:(AA 级)

Large Text:大尺寸文字和大尺寸文字的图像,对比度至少为3:1;

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

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

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

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

【问题讨论】:

    标签: accessibility contrast wcag wcag2.0


    【解决方案1】:

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

    没有为 A 级设置最低对比度。这意味着大部分人无法访问您的网站。

    许多法规要求达到 AA 级。不遵守AA级,仍存在诉讼风险。

    例如阅读 Karl Groves 关于Understanding WCAG Level 的文章,该文章得出了相同的结论:无论您想达到 A 或 AA 级别,都必须易于访问。

    但是,这些颜色是客户企业标识和徽标的重要组成部分 - 我不能/不能更改它们。

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

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

    【讨论】:

      【解决方案2】:

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

      关于对比度的唯一准则是:

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

      【讨论】:

      • 感谢您的回答,非常感谢!那么,这是否意味着如果我的网站满足 WCAG 2.0 A 级的所有其他要求,那么当我使用这些颜色时,甚至当我根本不关心对比度时,它也会被验证为 A 级?
      • @Johannes:是的,无论您的对比度有多差(即使是黑底黑字!),您的网站都可以满足 WCAG 2.0 A 级标准。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-01-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-30
      相关资源
      最近更新 更多