辅助功能和SVG文本

Question

我们正在接收来自worldspace / fireeyes的可访问性验证错误，以便在半透明背景或渐变背景上的某些文本上进行颜色对比。

为了保持我们的网页设计完整，解决方案似乎是在这些情况下使用SVG文本。 W3C似乎很好用它，并传递给FireEyes。

然而，我不知道我是否在作弊。从图形上看，它在页面上看起来仍然相同，包括对比度。

• 颜色对比与SVG无关吗？可以吗？ 低于SVG文本的4.5：1对比度？
• 辅助工具是否能够更容易地处理SVG 比典型的文字？
• 如果我们可能会出现SVG文本特有的其他问题 切换？

我们并不担心必须处理旧浏览器，所以早期IE不是问题。

Answer 1

是的，你在作弊。但如果您认为这是因为FireEyes（或其他工具）无法完美处理文本的确切背景（因为透明度或渐变背景），则可能没有必要。

切换到SVG仍然意味着你有足够的对比度，并不是因为某些工具会告诉你你的网站没问题，可以访问它。

您无法获得满足工具的辅助功能，而是为人们服务。

Answer 2

我负责Deque Systems的FireEyes产品。 FireEyes确实可以处理背景渐变和背景图像（尽管当文本背后有许多不同颜色的复杂图像时可能存在误报）。

FireEyes不处理SVG文本。但辅助技术并没有很好地支持SVG文本。因此，根据定义，您可以假设SVG文本无法访问。

FireEyes不支持SVG图像背景。您能否创建示例的jsfiddles，也许我们可以更新产品以更好地支持这些案例。