accessibility - WCAG A 级对比度要求?

标签 accessibility contrast wcag wcag2.0

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

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

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

1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)

Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;

Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.

Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.

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

但是我不明白A级对比度需要什么? A 级根本没有对比度规则,那么我的网站(具有上述文本颜色)是否会被验证为 A 级?

最佳答案

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

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

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

关于accessibility - WCAG A 级对比度要求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46132265/

相关文章:

html - 无法将 div 设置为屏幕阅读器可读

flutter - Flutter中自定义textScaleFactor的通用范围是多少?

css - 自动将字体颜色与背景进行对比

html - 如果盲人用户无法通过 Tab 键访问信息文本,那么他们将如何访问信息文本呢?

ios - 有没有什么办法可以让 VoiceOver 按命令朗读标签?

android - 检测我的无障碍服务是否启用

android - 在Android或OpenCV中修改图像后还原图像的对比度

c# - 更快的位图对比度算法

accessibility - 强制用户打开当前选项卡中的链接 WCAG2.0 可访问