WCAG 2.0 - 爲相同資源組合相鄰圖像和低對比度文本鏈接

Question

我正在設計一個網站，我希望在不同彩色背景上使用白色文本。不幸的是，這些背景中的2個不能提供與WCAG 2.0 AA兼容的足夠對比。

該文本是「閱讀更多」鏈接。

我的問題是 - 如果鏈接有標題屬性，這是否使得文本可以訪問，因此WCAG AA的投訴？

除此之外，標籤中還會有一個帶有alt標籤的小V形圖像，這種冗餘功能對於AA兼容性有利嗎？

謝謝！

Answer 1

這聽起來像你打兩個問題：

1. 上的背景文字Colour contrast。
2. Not describing links。

不幸的是，由於某些用戶無法訪問它（例如，使用鍵盤的人可以看到屏幕），所以不能依賴標題來傳遞信息。

有用於對比度問題的幾個可能的調整：在圖像上應用效果

• 在哪裏文本是部分（例如漸變爲黑色）。
• 對文字應用效果，例如增加對比度的投影。
• 爲不同圖像上的文字選擇不同的顏色。

否則，您將陷入必須提供風格切換器或個性化選項以提高對比度（假設您想符合WCAG2-AA）的情況。

我不能確定鏈接沒有描述他們的目標，就好像他們上面有一個可以提供上下文的標題。然而，「閱讀更多」鏈接確實會敲響警鐘。

如果人字形圖像具有特定於目標頁面的替代文本，這將有所幫助。例如：

<a href="#"><img src="file.gif" alt="Specific page title ">Read more</a> 

注意：由於替代文本像內嵌文本一樣被讀取，所以在末尾包含空格。

或者，如果順序倒過來：

<a href="#">Read more<img src="file.gif" alt=" about specific page title "></a> 

總體來說，如果你的箱子都有一個描述目標頁面標題，我會做一個鏈接，並使用腳本，使其餘該框可點擊。 （例如，http://ukwindsurfing.com/上的中央框）