描述性和信息性链接

A comprehensive repository of Taiwan's data and information.
Post Reply
rakibhasan
Posts: 207
Joined: Tue Dec 24, 2024 4:56 am

描述性和信息性链接

Post by rakibhasan »

链接和锚文本
屏幕阅读器用户经常通过 Tab 浏览页面,通过页面中的链接浏览页面。每次都会读出链接锚文本,同时还会与锚文本一起读出“链接”,用户可以按 Enter 来跟踪任何焦点链接。

带有描述性锚文本的链接 RCS 数据库 对搜索引擎和屏幕阅读器来说都是好事。当链接描述它指向的内容时,它会为两者提供背景信息,告诉屏幕阅读器用户通过链接浏览链接指向的内容,并且对于 SEO 来说,提供有关目标页面内容的背景信息,并可能帮助该目标页面在该短语或主题中排名。

通过链接提供上下文对屏幕阅读器也很有帮助。观看下面的视频,了解如何浏览这个为显示不良可访问性而创建的网页示例。第一个徽标链接非常有趣,但也请注意 [图像描述] 链接、更多>> 链接不提供任何上下文,并且与页面上视觉上连接的文章无关,以及臭名昭著的“单击此处”和“阅读更多”链接,这对 SEO 来说是一个熟悉的失望。

现在将其与同一网页的正确创建版本的视频进行比较,通过标题和链接可以更顺畅地浏览该网页:

因为您必须亲眼看到才会相信,这里有一个浏览我最喜欢的可访问性恐怖故事网站上的链接的示例:

避免使用伪链接和按钮
虽然这不一定是 SEO 重叠,但对于可访问性来说这是一个巨大的问题,值得在本文中指出。使用正确的标记来创建链接和按钮对于确保这些链接和按钮可以使用辅助技术点击非常重要。简单的规则是使用链接导航到其他地方并使用按钮来启动操作,并且在这些情况下不要使用 <span> 或 <div>,因为它们不是正确的标记并且可能不起作用。
Post Reply