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

Html AA级可访问性-使用文本阴影增强颜色对比度,html,css,contrast,wcag2.0,Html,Css,Contrast,Wcag2.0,我有一个网站,我正在编码的WCAG 2.0 AA级合规性和一个按钮的颜色对比,不通过 背景-#D57405 前景-#FFF 有没有可能使用文本阴影来增强对比度——这会被视为一个过程 我可以为不支持文本阴影的浏览器提供不同的颜色,但我想尝试保持按钮的颜色不变,以符合大多数用户的品牌指南。 作为背景-我使用的网页字体没有粗体的变化,我不想伪造粗体。我也不能把字号改成18pt 谢谢 编辑-对于遇到此问题的任何人: “字母周围的背景可以选择或着色,以便字母与后面的背景保持4.5:1的对比度,即使它们与

我有一个网站,我正在编码的WCAG 2.0 AA级合规性和一个按钮的颜色对比,不通过

背景-#D57405 前景-#FFF

有没有可能使用文本阴影来增强对比度——这会被视为一个过程

我可以为不支持文本阴影的浏览器提供不同的颜色,但我想尝试保持按钮的颜色不变,以符合大多数用户的品牌指南。 作为背景-我使用的网页字体没有粗体的变化,我不想伪造粗体。我也不能把字号改成18pt

谢谢


编辑-对于遇到此问题的任何人:

“字母周围的背景可以选择或着色,以便字母与后面的背景保持4.5:1的对比度,即使它们与整个背景没有对比度。”


(我使用粗体)

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

如果我有白色背景上的白色文本,文本上有清晰的黑色轮廓,常识表明你会通过。如果你能用与文本或背景形成对比的轮廓清晰地呈现文本,你就有理由通过这个测试。然而,唯一可行的解决方案是一个更暗的轮廓(你不能比白色文本更亮),这可能会在视觉上产生冲突,所以要采取预防措施


此外,我认为阴影需要清晰,以确保文本仍然可读。我强烈建议参与这个问题,以获得他们对橙色背景上的白色文本的意见,因为他们可能会提供与您的品牌保持一致的更可编辑的替代方案。

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

感谢乐高Stormtroopr的回复-是的,我想用一个较暗的阴影来平衡与背景的混合-同时仍能产生可接受的对比度。我将查看您提供的链接,并将结果发回。我会投票支持你的答案,但我没有名声。。。所以我会以你的方式向你表达积极的想法。干杯@BrentDayman如果答案有帮助,你不需要代表投票,如果答案解决了你的问题,你也不需要代表投票。谢谢Franck,这是一个选择。然而,我试图避免做出任何明显的设计更改。我认为添加阴影可能是“调整”而不是改变的微妙方式;)该策略的实际使用在一个示例中介绍。