Html 可访问性和图像的标题标签

我理解，对于一个“可访问”的网站，图片通常应该有alt标签。alt标记应该为图像提供备用文本，特别是当图像包含与用户相关的内容时

当使用

alt

标记时，如：

鼠标悬停在图像上时，alttext不会显示。如果添加

标题

标记，则可以显示alttext

我的问题是：使用

标题

标记是否适合此情况？

我在这方面发现了一些相互矛盾的信息：

• 似乎不鼓励使用
• 似乎在说使用是好的

---

如果您的目标是在将鼠标悬停在图像上时显示一些文本，那么是的，title属性是合适的。确保标题文本中的任何关键信息与页面上的其他位置重复

---

如果你的目标是向所有读者提供关于图像的附加信息，那么你需要考虑键盘和触摸式用户阅读内容的另一种方式。为所有用户仅在图像旁边显示内容可能更简单。

alt

属性在无法加载图像时显示，并在浏览器中设置该功能时用于可访问性。这也有助于搜索引擎定位（SEO）（感谢@Chris注意到这一点）

标题

仅为咨询信息，在可访问性方面处于不利地位。资料来源：

---

---

例如，是chrome的一个扩展（由谷歌提供），它显示

alt

文本，而不是

title

。

除非您的图像是可聚焦的，否则依赖工具提示不是解决方案

只有键盘用户才能使用鼠标发现图像的主题

您需要做的是：

• 为屏幕阅读器用户（看不见的人）提供alt文本
• 如果您需要为所有访问者提供更多元素（如版权所有者、作品标题等），请在图像旁边提供上下文描述

---

请注意，您必须设置一个alt文本，如果备选文本不相关（装饰性图像或冗余信息），它仍然可以为空。

我的理解是，

alt

具有与您描述的

title

相同的SEO好处。