【问题标题】:To meet WCAG, should I change the corporate colour?为了满足WCAG,我应该改变公司颜色吗?
【发布时间】:2021-06-04 17:09:09
【问题描述】:

我对符合 WCAG 2.0 的文本颜色使用有疑问,我们的网站颜色使用白色背景 (#FFFFFF) 的 #00B140(绿色)。它是我们的公司标志绿色,我们希望在网站上使用它。然而,根据对比检查器,#FFFFFF 上的#00B140 只有 2.85 的配给率(WCAG 2.0 需要满足 4.5)。 我们在安大略省,我们的 AODA 将于 6 月 30 日生效。我的问题是:我们是否应该强制改变果岭,或者我们可以留在果岭上? 谢谢,

【问题讨论】:

    标签: accessibility wcag2.0


    【解决方案1】:

    值得注意的是,徽标不符合 WCAG 颜色对比标准。

    作为徽标或品牌名称一部分的文字没有对比度要求https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html

    对于您网站的其他部分,如果您将其与白色背景或文本结合使用,则需要稍微修改颜色以满足SC 1.4.3 的要求。

    这并不一定意味着您需要修改您的公司颜色,这对客户/老板来说可能特别难卖。您绝对可以继续使用 #00B140 颜色,只要它不用作文本的背景/前景。您当然可以在网站/应用模板的视觉设计中使用浅绿色。

    如果您确实需要将绿色作为文本的背景/前景区域,则需要将其变暗。如果它只用于大文本(≥18.5px 粗体,或≥24px 非粗体),那么您可以使用不太剧烈的 3:1 对比度,这与您现在的位置相比只是一个很小的变化。

    我曾在几个必须修改公司颜色的网站上工作过。如果您要更改文本的颜色(例如标题),那么除非是非常剧烈的更改,否则很难判断。

    如果您正在创建需要偏移背景颜色(即不是白色)的设计元素,那么也许可以考虑使用与您现有的公司颜色形成对比或补充并且仍然能够满足对比度要求的颜色。

    【讨论】:

    • +1 - 次要的东西 @Josh 它的 18.5px 如果是粗体 (14pt) - 24px (18pt) 如果不是粗体 对于大文本应用规则(我责怪 WCAG 是一团乱七八糟的东西,让它如此混乱!),除此之外,这是一个绝妙的答案!
    • 好点。谢谢你,先生。我会更新我的答案。
    • 先生?我当然不是先生?呵呵。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-16
    • 1970-01-01
    • 2015-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多