輔助功能和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，也許我們可以更新產品以更好地支持這些情況。