我有一个网页,其中包含一系列项目。 每个项目都包含一个'阅读更多的链接指向一个不同的网页。 但是,当我运行的灯塔的工具,在该网页上,它抱怨说,链接,没有一个说明性文字。 现在我无法改变的更多的读的文本。
<a href="link 1">Read more</a>
<a href="link 2">Read more</a>
<a href="link 3">Read more</a>
是否有任何其他方式来解决这个问题?
我有一个网页,其中包含一系列项目。 每个项目都包含一个'阅读更多的链接指向一个不同的网页。 但是,当我运行的灯塔的工具,在该网页上,它抱怨说,链接,没有一个说明性文字。 现在我无法改变的更多的读的文本。
<a href="link 1">Read more</a>
<a href="link 2">Read more</a>
<a href="link 3">Read more</a>
是否有任何其他方式来解决这个问题?
是的,你可以使用 aria-label
为了提供更多的说明性文字,以辅助技术,如屏幕阅读器。
<a href="link 1" aria-label="some more descriptive text that explains the link">Read more</a>
辅助技术会阅读内容 aria-label
而不是"读"。
铭记,输入的文本应该足够知道这里的链接将你并没有上下文的依赖(链接文本应该是有意义的对其自己的),如果可能的。
aria-label
有一个体面的介绍你肯定这样做是正确的和可能的工具错误报道. 是公开访问的网页,如果这是你想分享一个网址吗? 我将愉快地看一看。 aria-label
. 它实际上是一个更稳定的解决方案,但它是一个小小的更多工作。