16

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

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

评论表示赞赏。

4

3 回答 3

23

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

从标准：

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

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

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

于 2010-09-27T17:53:35.607 回答
5

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

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

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

于 2010-09-27T17:46:04.953 回答