问题描述
我有一个关于文字颜色使用的问题,以满足 WCAG 2.0,我们的网站颜色使用 #00B140(绿色)和白色背景(#FFFFFF)。这是我们希望在整个网站上使用的公司标志绿色。但是,基于对比度检查器,#FFFFFF 上的#00B140 只有 2.85 的配给率(WCAG 2.0 需要满足 4.5)。 我们在安大略省,我们的 AODA 将于 6 月 30 日生效。我的问题是:我们应该强制更换果岭还是我们可以留在果岭上? 谢谢,
解决方法
值得注意的是,徽标不符合 WCAG 颜色对比度标准。
“作为徽标或品牌名称一部分的文字没有对比度要求” https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
对于网站的其余部分,如果您将其与白色背景或文本结合使用,则需要稍微修改颜色以满足 SC 1.4.3。
这并不必然意味着您需要修改您的公司颜色,这对于客户/老板来说可能特别难卖。您绝对可以继续使用 #00B140 颜色,只要它不用作文本的背景/前景。您当然可以将浅绿色用作网站/应用模板视觉设计的一部分。
如果有些区域确实需要绿色作为文本的背景/前景,则需要将其变暗。如果它仅用于大文本( ≥18.5px 粗体,或 ≥24px 非粗体),那么您可以使用不那么激烈的 3:1 对比度,这与您现在的情况相比是一个很小的变化。
我曾在几个必须修改公司颜色的网站上工作。如果您要更改文本的颜色(例如标题),则很难判断,除非是非常剧烈的更改。
如果您正在创建需要偏移背景颜色(即不是白色)的设计元素,那么可以考虑使用与您现有的公司颜色形成对比或互补的颜色,并且仍然能够满足对比度要求。