如何在一頁上使用大量「詳細信息」鏈接。無障礙網頁不喜歡「細節」

據http://webaim.org/standards/wcag/checklist#sc2.4.4 如何在一頁上使用大量「詳細信息」鏈接。無障礙網頁不喜歡「細節」

2.4.4鏈接目的（在上下文）（A級）

The purpose of each link (or form image button or image map hotspot) can be determined from the link text alone, or from the link text and its context (e.g., surrounding paragraph, list item, table cell, or table headers). 
Links (or form image buttons) with the same text that go to different locations are readily distinguishable.

等WAVE（無障礙網頁評估工具 - http://wave.webaim.org）說我所有的「細節」鏈接不建議在我的網頁上：

但我不能認爲什麼會更好。我真的不想用實際細節文本的前幾個字符來混淆頁面，因爲我認爲這會使頁面顯得過於混亂。

來源

2015-06-22 Michael Durrant

那麼，有很多方法可以解決您的問題。僅舉幾例：

你可以添加一個title屬性的各個環節（即標題=「上makeagoodpassword.com詳細信息」），但是屏幕閱讀器可能無法讀出標題屬性的值，所以你最好ARIA標籤=「上makeagoodpassword.com詳細信息」添加到您的鏈接標籤
另一個（我的首選）選項將被隱藏文本，因爲這似乎是最通用的解決方案：

<a href="#" title="Details on makeagoodpassword.com">Details <span style="display:none;" aria-hidden="false">on makeagoodpassword.com</span></a>

另請參閱：http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-refs其他選項。

來源

2015-06-22 09:11:53 bassface

要展開一點，屏幕閱讀器會將整個頁面加載到其緩衝區中，並允許用戶掃描文檔中的所有鏈接（或標題等）。這是一個非常常見的操作，可以概覽文檔的內容。在原始標記的情況下，用戶將僅僅聽到：「鏈接，細節」重複多次。這當然很沒用，而且爲什麼像「click here」這樣的鏈接文本是不鼓勵的。在鏈接的文本中提供一些背景信息，對屏幕閱讀器用戶和視力用戶更有用。 – steveax

如何在一頁上使用大量「詳細信息」鏈接。無障礙網頁不喜歡 「細節」

回答

相關問題

如何在一頁上使用大量「詳細信息」鏈接。無障礙網頁不喜歡「細節」