選單
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP How to W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

無障礙 連結文字


為什麼

視障人士可能會放大頁面,以便他們看到螢幕的一小部分。視障的型別有很多。一種眼部疾病是青光眼,這是 60 歲以上人群失明的主要原因之一。有人將青光眼比作透過吸管看東西。


什麼

可訪問的連結文字是指不帶上下文也能理解其含義的文字。連結文字應清楚地說明讀者透過點選該連結將獲得什麼資訊。


如何操作

以下是一些良好和不良連結文字的示例。

Screenshot from ICRC showing a zoomed version of the link Read more.

另一個原因是 Google 搜尋偏好描述性連結。

編寫連結文字時,請使用描述性短語,為您連結的材料提供上下文。

Google 開發者文件風格指南: 連結文字
Screenshot from ICRC showing three links, one with Read more as the link text.

這個來自 ICRC(紅十字國際委員會)的例子有三個連結

  • 捐款
  • 閱讀更多
  • 訪問電子商店

從這個列表中可以看出,第二個連結沒有上下文就沒有意義。它會將使用者帶到“人道法與政策”頁面。改進的連結文字將是法律與政策。或者瞭解更多關於人道法與政策。或者介於兩者之間。

Screenshot from ICRC where thebutton text is Law and policy.

現在我們有了一個對使用者來說清晰的連結文字。



×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援