我学到了很多关于 a11y 的知识并使我的网站符合 WCAG AA 标准，并且我在整个网络上发现了似乎违反对比度的知名网站。例如，下面是 DuoLingo 的屏幕截图，其中文本的颜色对比度均低于 3.0：http://prntscr.com/iu2syg
我也知道图标需要大于 3.0 或 4.5，具体取决于线宽，但这里是 Gmail 的屏幕截图，其中图标明显低于 3.0：http://prntscr.com/iu2te7
那是什么？这些网站不符合 WCAG AA 标准吗？还是我误解了 AA 合规要求？
【问题讨论】：
标签： accessibility contrast wcag wcag2.0
为了声称符合 WCAG 2.0 AA 级，网站需要满足 A 级和 AA 级的所有成功标准。这在section on conformance requirements 中有明确说明。
WCAG 2.0 中的Success criterion 1.4.3 适用于文本和文本图像，因此适用于 Duolingo 屏幕截图中的示例。但是，它不适用于控件，因此GMail截图中的控件似乎存在漏洞。出于这个原因，WCAG 2.1 的草案为用户界面组件和图形对象引入了一个新的success criterion。此成功标准在候选推荐（2018 年 1 月）中仍被标记为“有风险”，但如果它进入最终推荐，将填补这个漏洞。
我在 Duolingo 网站上找不到 WCAG 2.0 一致性声明；很明显，屏幕截图中的对比度不足，会导致 Duolingo 不符合 WCAG 2.0 AA 级标准。我也找不到关于 GMail 的 WCAG 一致性声明。
【讨论】：
网站必须尊重对比度才能符合 WCAG AA。但有些网站不在乎，有些网站不知道。 W3.org 主页本身有一些不合格的对比度。
可访问性的问题在于，当人们关心时，他们并不总是有能力了解准则、发现问题的工具以及理解影响的能力。
很多人认为，使用屏幕阅读器验证网站会带来明确的好处，即它是可访问的，而这除了对比方面之外。
【讨论】：