辅助功能和图像的标题标签

时间:2015-08-25 20:55:03

标签: html image accessibility alt

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

当使用alt标记时,如:<img alt= "alttext" ...>,当鼠标悬停在图像上时,不会显示alttext。如果添加title标记,则可以显示alttext。

我的问题是:使用title标签是否适用于此?

我发现了一些相互矛盾的信息:

2 个答案:

答案 0 :(得分:2)

无法加载图像时显示

alt属性,并在浏览器中设置该功能时用于可访问性。它也有助于搜索引擎定位(SEO)(感谢@Chris注意到这一点)

alt HTML reference

title只是咨询信息,因其可访问性而处于不利地位。资料来源:W3.org

title HTML reference

例如,this是Chrome(由谷歌提供)的扩展程序,显示alt文字,而不是title ..

答案 1 :(得分:0)

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

如果您的目标是向所有读者提供有关图像的其他信息,那么您需要考虑基于键盘和触摸的用户阅读该内容的替代方法。为所有用户显示图像旁边的内容可能更简单。