0

一个真正学究的问题

我正在浏览 Chrome 的开发者工具的元素选项卡时，一些东西引起了我的注意并提示了这个问题。

虽然标签上有意义的alt属性img是可访问性的必要期望（<img src="/path/to/beauty.png"alt="Olivia Culpo 赢得了 2012 年美国小姐比赛"/>），但我经常看到它 经常 建议alt应该给予“间隔”或其他“装饰”图像的属性空白值：<img src="/images/spacer.gif" alt=""/>

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

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

2 回答 2

3

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

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

于 2013-01-22T14:47:59.293 回答
1

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

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

请参阅 W3C 的以下工作说明。

于 2013-01-18T17:27:44.317 回答