“装饰性”图像的 img alt 属性答案

【问题标题】：img alt attribute for "decorative" images“装饰性”图像的 img alt 属性
【发布时间】：2013-01-18 17:17:45
【问题描述】：

真正pedant的问题

我正在浏览 Chrome 的开发者工具的元素标签时，有什么东西引起了我的注意并提示了这个问题。

虽然 img 标签上有意义的 alt 属性是可访问性的必要期望（<img src="/path/to/beauty.png"alt="Olivia Culpo 赢得了 2012 年美国小姐比赛"/>），但我有seen it often advisedalt“spacer”属性，或其他“装饰”图像应为空值：<img src="/images/spacer.gif" alt=""/>

这些问题只针对装饰性图片：

如果我声明了 alt 属性，但没有定义它会发生什么： <img src="/images/spacer.gif"alt/>
在这两个选项中，哪个是最佳的（为什么）？

【问题讨论】：

标签： browser cross-browser screen-readers section508

【解决方案1】：

如果你通过验证器运行<img src="..." alt />，它会抛出一个错误。 alt 属性需要一个值，即使它是 null alt=""。通常，当图像没有 alt 时，一些辅助技术会宣布图像的路径。

所以<img src="..." alt /> 与<img src="..." /> 相同。通常使用的词是装饰性的还是琐碎的，但这可能是同一个想法。这些类型的图像应该有一个空 alt。

【讨论】：

谢谢@Ryan B...你测试了哪个验证器？

【解决方案2】：

两者都将通过 W3C 验证，但根据 WCAG 2.0 中的建议，首选方法是将属性定义为：

<img src="" alt="" />

See the following working note from the W3C.

【讨论】：