img alt属性为“装饰”图像

Question

真正pedant

的问题

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

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

这些问题仅适用于装饰图片：

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

Answer 1

如果您通过验证程序运行<img src="..." alt />，则会引发错误。 alt属性需要一个值，即使它为null alt=""。通常，当图像没有alt时，某些辅助技术会宣布图像的路径。

因此<img src="..." alt />与<img src="..." />相同。通常使用的单词是装饰性的vs trival，但它可能是相同的想法。这些类型的图像应该为空alt。

Answer 2

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

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

See the following working note from the W3C.