輔助功能和SVG文本

我們正在接收來自worldspace/fireeyes的可訪問性驗證錯誤，以用於我們的某些文本的顏色對比度，這些對比度超過半透明背景或漸變背景。輔助功能和SVG文本

爲了保持我們的網頁設計的完整性，解決方案似乎是在這些情況下使用SVG文本。 W3C似乎很擅長，它傳遞給FireEyes。

但是，我不知道我是否在作弊。從圖形上看，它在頁面上看起來仍然相同，包括對比度。

SVG的顏色對比度與顏色對比無關緊要嗎？低於4.5：1的SVG文本對比度可以使用嗎？
輔助工具是否能以某種方式處理SVG比典型文本更容易
？
如果我們切換，可能會出現SVG文本特有的其他問題嗎？

我們並不擔心不得不處理舊版瀏覽器，因此早期IE不是問題。

來源

2016-03-02 Gregory Mertens

我懷疑是後者。但我不確定，也沒有對它進行測試。我會。我同意你的意見，但是在我有限的研究中，我感覺像使用高對比度屏幕這樣的東西使SVG變得更容易，因此（我推斷）不需要嚴格的比例。 –

我剛剛在黑色的SVG多邊形上測試了黑色的SVG文本，並沒有引發錯誤，所以沒有檢查。 –

@unobf [漸變示例]（https://jsfiddle.net/831er1a9/） –

是的，你是作弊。但如果您認爲這是因爲FireEyes（或其他工具）無法完美處理文本的確切背景（由於透明度或漸變背景），因此可能不需要。

切換到SVG仍然意味着您有足夠的對比度，這並不是因爲某些工具會告訴您，您的網站是否正常，它是否可以訪問。

您不是在做可達性來滿足工具，而是爲了服務於人。

來源

2016-03-03 09:58:30 Adam

如果您修改此選項以讀取「這可能沒有必要」，它會更準確。僅僅因爲存在漸變/圖像背景並不意味着FireEyes計算錯誤。它通常足以讓我們決定離開計算工具。 – unobf

我負責Deque Systems的FireEyes產品。 FireEyes確實可以處理背景漸變和背景圖像（儘管當文字背後有許多不同顏色的複雜圖像時，可能會出現誤報）。

FireEyes不處理SVG文本。但是SVG文本沒有得到輔助技術的很好的支持。所以你可以認爲，SVG文本根據定義是不可訪問的。

FireEyes不支持SVG圖像背景。你可以創建你的例子的jsfiddles，也許我們可以更新產品以更好地支持這些情況。

來源

2016-03-03 13:27:19 unobf

我會添加一些對比，「文字背後的許多不同顏色」只是漸變圖像的定義。你不能假設通過測試圖像中的一些像素，你會得到100％正確的答案。請注意，文本顏色也可以使用漸變定義。盡我所有的尊重，你應該說FireEyes是試圖檢查背景圖像的罕見工具之一，但這可能會導致誤報或漏報。會相應地修改我的答案。 – Adam

@Adam - 你是對的，但WCAG 2本身沒有指定在這種情況下做什麼。無可否認，人類在挑選代表像素方面可能會比選擇算法更好，但這並不意味着該算法有時候並不適合。 – unobf

完全同意你的看法。工具必須實現此功能，因爲虛警比完全沒有警報好。 – Adam

輔助功能和SVG文本

回答

相關問題