7

我有一个网站，我正在编写符合 WCAG 2.0 AA 级合规性的网站，其中一个按钮的颜色对比没有通过。

背景 - #D57405 前景 - #FFF

是否可以使用文本阴影来增强对比度——这会被视为通过吗？

我可以为不支持文本阴影的浏览器提供不同的颜色，但我想尝试保持按钮颜色相同，以匹配大多数用户的品牌指南。作为背景 - 我正在使用没有粗体变化的网络字体，我不想伪造粗体。我也无法将字体大小更改为 18pt。

谢谢

编辑 - 对于任何偶然发现这个问题的人：

“可以选择或着色字母周围的背景，以便字母与它们后面的背景保持 4.5:1 的对比度，即使它们与整个背景没有这种对比度” http://www.w3.org /TR/2013/NOTE-WCAG20-TECHS-20130905/G18

（我使用粗体）

4

2 回答 2

4

WCAG 是一个有趣的标准，因为它很难满足并且难以自动化测试。通常，使用批判性思维很重要，并为立场提供坚实的论据。你的案例就是一个很好的例子。

如果我在白色背景上有白色文字，文字上有清晰的黑色轮廓，常识表明你会通过。如果您能够使用与文本或背景形成鲜明对比的轮廓清晰地呈现文本，那么您就可以通过此测试。然而，唯一可行的解​​决方案是一个更暗的轮廓（你不能比白色文本更亮），这可能会在视觉上产生冲突，所以要小心。

另外，我认为阴影需要清晰以确保文本仍然可读。我强烈建议将此问题的一部分提交给User Experience.SE，以了解他们对橙色背景上的白色文本的意见，因为他们可能能够提供更可红色的替代方案，与您的品牌保持一致。

于 2014-01-14T05:45:42.193 回答
0

是否可以反转前景色？#000 将正常通过 AA。但是自动检查器不会考虑阴影。

于 2014-01-14T08:22:40.767 回答