Menu
×
   ❮   
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.

现在我们有了对用户来说清晰的链接文本。



×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.