WCAG2.0AA要求3:1链接和周围文本之间的颜色对比？
我在https://webaim.org/blog/wcag-2-0-and-link-colors/等源代码上看到了一些要求，它们都是符合WCAG建议的，需要在链接和周围的文本之间设置3:1的颜色对比(假设非粗体小字体)。
因此，如果将这两个需求结合在一起，为了使AA级别符合要求，您的页面必须具备以下所有内容：
- 非链接文本颜色和背景之间的4.5:1对比。
- 一个4.5:1的对比链接文本的颜色和背景。
- 链接文本颜色和周围非链接文本颜色之间的3:1对比。
换句话说，链接的颜色必须与背景颜色和周围的文本颜色有很大的不同，这也必须与背景颜色有很大的不同。
然而，在阅读实际的建议时，我并没有看到这种要求。唯一提到的就是一种可能的技术(G183)来解决颜色的使用(1.4.1)问题。对比的两个部分(最低1.4.3和增强1.4.6)没有提到这一要求。
根据我对直接来自WCAG的文档的理解，在我看来，链接与周围文本之间的3:1对比只有在没有任何其他视觉指示器(如链接下划线)的情况下才是必需的，而且如果要仅依赖于3:1的颜色对比度，则需要有一个非彩色视觉悬停/焦点指示器。
有人能确认或否认吗？
回答 1
Stack Overflow用户
发布于 2020-09-30 17:30:20
你是正确的，如果你有一个链接的第二个标识符，如下划线，那么就没有必要担心周围的对比问题。
您已经引用了所有相关文档，但是1.4.1颜色的使用中的关键词是only (不能用作only可视化的传递信息的手段)。
如果你使用下划线或类似的方式来表示超链接，你的链接可以是和你的文本颜色相同的颜色(不过我建议你换一种颜色，因为这是预期的行为)。
解释规则的一个更好的方法/思考它是：“如果这一页是黑白的，我如何才能表达它的意义？”对于没有色盲的人，应该使用颜色来增强体验，但是页面也应该在灰度上工作。
人们经常忽视的关键是，你不能用颜色来表达任何事情的意义。访问的链接呢？那激活呢？集中注意力呢？
检查的好方法
谷歌铬现在有过滤器来模拟色盲。
检查页面可访问性的最简单方法是在Google中打开开发工具，然后“呈现”->模拟视觉缺陷“->”“色盲”(这是完全的色盲)。
然后测试你的页面，看看是否有什么东西很难使用。
https://stackoverflow.com/questions/64141956
复制相似问题
腾讯云开发者
