Links must have discernible text: Element has no title attribute
时间: 2024-02-15 16:01:51 浏览: 455
这是一个关于网页无障碍性(Accessibility)的警告。它指出链接元素缺少 title 属性,这可能会导致一些屏幕阅读器无法正确地读出链接的内容。
为了解决这个问题,你可以给链接添加一个有意义的 title 属性,用于描述链接的目标或作用。例如:
```
<a href="https://example.com" title="前往示例网站">示例网站</a>
```
这样做除了可以帮助屏幕阅读器识别链接的目标之外,还可以提供更好的用户体验。
相关问题
buttons must have discernible text:Element has no title attribute怎么解决?
这个错误通常是由于按钮(button)元素没有提供足够的文本描述(即缺少title属性)而导致的。为了解决这个问题,你可以添加一个title属性,提供与按钮相关的简短描述或标签。例如:
```
<button title="搜索">搜索</button>
```
如果你使用的是图标按钮,你可以在按钮中包含一个具有描述性文本的<span>元素,并提供一个title属性,如下所示:
```
<button title="添加">
<span class="visually-hidden">添加到购物车</span>
<i class="fa fa-plus"></i>
</button>
```
这样屏幕阅读器会读取出`添加到购物车`这个文本,而非`fa fa-plus`这个图标的类名。
阅读全文