alt="" 在某些情况下是否适合 html img 标签？

Question

我们有一个项目是关于 Web 可访问性合规性的。发布后大约一周，我们让无障碍委员会审查我们的网站，并给予最后的赞许。但是，他们向我们报告说我们应该在我们的一些图标上设置 alt=""，因为它们不向网站提供任何额外的内容，因此只会分散屏幕阅读器的注意力，但不会产生任何好处。

1. 这是正确的吗？
2. 我的印象是 alt 是 img 的必需属性？ img 标签上的 alt="" 肯定会包含 alt 属性，但这是有效的吗？

欢迎评论。

Answer 1

据此消息来源：http://msdn.microsoft.com/en-us/library/ms228004(v=VS.100).aspx#guideline_11__providing_alternate_text_for_images 省略 alt 属性会导致一些屏幕阅读器读出文件名并分散用户注意力，这就是为什么建议将 alt 设置为空字符串的原因。

Answer 2

如果您希望代码通过验证，则始终需要 alt 属性，但 alt 属性不必具有值。

如果您将图像用于页面装饰（例如，不支持 CSS3 的浏览器的圆角或阴影），这些图像应该在 CSS 中，而不是在 html 中的 <img> 标记内。但是，在某些情况下，您可能会将图像作为实际图像包含在 html 中，即使对于屏幕阅读软件没有有意义的方式来描述它们。在这种情况下，w3.org 表示可以使用alt=""。 1

1：http://www.w3.org/QA/Tips/altAttribute

Answer 3

如果图标提供任何功能（用户可点击或其他），我建议设置一个描述性的alt 值。如果它们只是装饰性的，那么alt="" 是有效的。

来自the standard：

虽然替代文本可能非常有用，但必须小心处理。作者应遵守以下准则：

• 在包含用于格式化页面的图像时，不要指定不相关的替代文本，例如，alt="red ball" 不适用于添加红球来装饰标题或段落的图像。在这种情况下，替代文本应该是空字符串 ("")。在任何情况下都建议作者避免使用图像来格式化页面；应改为使用样式表。
• 不要指定无意义的替代文本（例如，“虚拟文本”）。这不仅会让用户感到沮丧，还会降低必须将文本转换为语音或盲文输出的用户代理的速度。