辅助功能和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，也许我们可以更新产品以更好地支持这些情况。