Bre*_*man 5 html css3 contrast wcag2.0
我有一个网站,我编码符合WCAG 2.0 AA Level标准,其中一个按钮的颜色对比度没有通过.
背景 - #D57405前景 - #FFF
是否可以使用文本阴影来增强对比度 - 这会被视为传递吗？
我可以为不支持文本阴影的浏览器提供不同的颜色,但我想尝试保持按钮颜色相同,以符合大多数用户的品牌指南.作为背景 - 我使用的是没有大胆变化的网络字体,我不想将它加粗.另外我无法将字体大小更改为18pt.
谢谢
编辑 - 对于任何绊倒这个问题的人:
"可以选择或着色字母周围的背景,使字母与背后的背景保持4.5:1的对比度,即使它们与整个背景没有对比度" http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G18
(我用粗体)
小智 4
WCAG 是一个有趣的标准，因为它很难满足并且很难自动化测试。通常，运用批判性思维并为某个立场提供坚实的论据很重要。你的案例就是一个很好的例子。
如果我有白色背景上的白色文本，并且文本上有清晰的黑色轮廓，那么常识表明您会通过。如果您能够使用与文本或背景形成对比的轮廓清晰地呈现文本，您就能够通过此测试。然而，唯一可行的解决方案是使用更暗的轮廓（不能比白色文本更亮），这可能会产生视觉冲突，因此请采取预防措施。
另外，我认为阴影需要清晰才能确保文本仍然可读。我强烈建议向User Experience.SE提出这个问题，以获取他们对橙色背景白色文本的意见，因为他们可能能够提供与您的品牌保持一致的更红色替代方案。