AA 级可访问性 - 使用文本阴影增强颜色对比度答案

【问题标题】：AA Level Accessibility - Colour Contrast boosted using text shadowAA 级可访问性 - 使用文本阴影增强颜色对比度
【发布时间】：2023-03-22 22:47:02
【问题描述】：

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

背景 - #D57405 前景 - #FFF

是否可以使用 text-shadow 来增强对比度——这会被视为通过吗？

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

谢谢

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

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

（我使用粗体）

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

感谢 Lego Stormtroopr 的回复 - 是的，我在想一个较暗的阴影，它会尝试平衡与背景的混合 - 同时仍能产生可接受的对比度。我将查看您提供的链接，然后将结果发回。我会投票赞成你的答案 - 但我没有名声......所以我会以你的方式表达积极的想法。干杯！
@BrentDayman 如果答案有帮助，您不需要代表投票赞成，如果答案解决了您的问题，您也不需要代表接受答案。