在某些情况下，对于HTML img标签，alt = ""是否合适？

Question

我们有一个关于网络无障碍合规性的项目。距离上线还有一周时间，我们的无障碍委员会正在审核我们的网站以最终确认。然而，他们向我们反馈，我们应该在一些图标上设置alt =""，因为它们并没有为网站提供任何额外的内容，因此对屏幕阅读器只是分散注意力，没有任何益处。

1. 这是正确的吗？
2. 我认为img的alt属性是必需的，但是在img标签上使用alt =""是否有效？

欢迎留言。

- Chris

---

我猜你的意思是“他们向我们报告说我们不应该在一些图标上设置alt =“”吗？”。 - userx

为了澄清您的问题，委员会建议使用空白的alt = ""属性而不是alt =“some text”属性，对吗？ - scunliffe

不，他的意思是他们建议将其设置为空白，因为它们除非可视化，否则没有用。@naivists 的回答是正确的。 - Dustin Laine

@userx说，他们建议将像alt =“home icon”这样的内容更改为alt =“”，因为没有功能的图标会影响屏幕阅读器的使用体验，并且不提供任何好处。@scunliffe表示同意，这适用于任何仅为图标/图形而非具有其他功能的图形/图标。 - Chris

对于任何有JAWS或类似屏幕阅读器经验的人来说，阅读器处理“缺失”alt属性和空属性是否有区别？我看到了技术上的差异，但从语义上讲，我希望屏幕阅读器都会忽略它们。 - scunliffe

Answer 1

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

来自标准：

尽管替换文本可能非常有帮助，但必须小心处理。作者应遵循以下准则：

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

- naivists

---

你有任何记录这个的资源吗？（不是说你错了，只是好奇。） - Chris

@Chris，我刚想起来我之前读过的这篇论文：http://www.standardista.com/standards/alternative-text-for-images-the-alt-attribute。 - naivists

谢谢！你最好在回答中加上链接，这是一个关于该问题的可靠答案和资源。感激不尽。 - Chris

还可以查看Access Board的508指南：http://www.access-board.gov/sec508/guide/1194.22.htm - Jeff

Answer 2

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

- Nemanja Trifunovic

Answer 3

alt属性是编程中必须要有的，如果你想让你的代码通过验证，但是alt属性不一定需要有值。

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

- Michael Martin-Smucker