如何正确使用ALT标签？

Question

我使用ALT标签为我的所有图像使用这种格式：

<a alt="IMAGE ALT TEXT" href="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s1600/jquery-lightbox-with-dark-background.png" imageanchor="1"><img src="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s320/jquery-lightbox-with-dark-background.png" style="height:100%; width:100%;" /></a>

但是当图像检查工具感觉到他们的alt标签“缺失”时，我感到很惊讶。我想我必须在“img src”标签之后插入“alt”标签：

<a href="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s1600/jquery-lightbox-with-dark-background.png" imageanchor="1"><img src="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s320/jquery-lightbox-with-dark-background.png" alt="IMAGE ALT TEXT" style="height:100%; width:100%;" /></a>

请告诉我，这种风格是否正确？

Answer 1

alt是IMG标记的属性，而不是A标记的属性。它代表屏幕阅读器显示或读取的替代文本。所以你提供的第二个例子是正确的。

Answer 2

alt属性必须位于元素上，而不是超链接元素。

Answer 3

您可能会混淆“alt”标记和“title”标记。

“alt”标记用于图像：

<img src="someImage.jpg" alt="image">

标题标签可以与BOTH图像和链接一起使用

<img src="someImage.jpg alt="image" title="Some Image">
<a href="someLink.com" title="This is some link">

在传统链接上不需要“alt”标记，因为即使链接不好，仍然会在锚中包含文本，指示它是什么：

<a href="someLink.com">Link to some link</a>

对于图像，“alt”属性值仅在图像无论何种原因不可用时显示。

Answer 4

alt应仅用于<applet>, <area>, <img>, <input>

  

alt - <applet>, <area>, <img>, <input> - 替代文字以防万一   图像无法显示。

Source

这是一段img：

＆＃13;

＆＃13;

<img src="http://lorempixel.com/100/100" alt="image">

＆＃13;

＆＃13;

＆＃13;