什么时候可以接受将alt文本留在HTML图像上(如果有的话)?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (60)

一直认为这个alt属性是必需的,不应该留空。

但是,在今天阅读HTML规范时,我注意到了以下几点:

取决于上下文,单个图像可以具有不同的适当替代文本。 在以下每种情况下,都会使用相同的图像,但每次替代文本都不相同。该图像是瑞士日内瓦州卡鲁日市的徽章。 在这里它被用作补充图标: <p>I lived in <img src="carouge.svg" alt=""> Carouge.</p>

它继续显示其他示例与各种alt文本,但在这(和其他一些例子)alt文本丢失。

规范后来说(强调我的)

除非另有说明,否则必须指定alt属性并且其值不能为空 ; 该值必须是适当的图像替换。

可以使用alt=""吗?如果是这样,这是一个可接受的用途?如果图片不需要alt文字,它应该是CSS背景图片吗?

注意:这是基于WHATWG HTML生活标准,而不是W3C HTML5规范。

提问于
用户回答回答于

何时将该alt属性留空

通常,该alt属性是必需的 ; 但是,在某些情况下,HTML规范说可以将alt属性的内容留空。该alt属性是图像文本等价物,这意味着如果图像的含义已经被周围的文本封装,它应该只是空的。

周围文本的图形表示

考虑替代文本是非常重要的,因为在不可用的情况下,图片应该传达哪些内容。如果图像可以通过围绕它的文本来概括,那么它应该有一个空alt属性,因为冗余不会有好处。

示例包括重复周围文本的流程图或图形。

如果要使用标题,则应将该标题作为title元素包含或使用<figcaption>。该alt如果图可以通过不提供的网页上的其他信息来说明应该使用。该规范说明了为什么应该避免这种重复的以下几点:

在这样的替代文本中包括标题是没有用的,因为它为那些没有图像的用户有效地复制了标题,嘲讽它们两次,而不是帮助它们比只读过或听过一次标题的用户更多。

装饰图片

通常,规范建议使用CSS background-image,但是在某些情况下可以通过标记来完成,比如诗歌旁边的绘画或事件中的风景照片。在这些情况下,图像是内容,但只有用户能够看到图像时,内容才是相关的。

形成更大图片的图像组

没有链接

只有一个图像应该有alt文字,以避免无法看到图像的用户重复使用文字。

与链接

该规范建议为此使用图像映射,但如果图像被切片,则alt每个链接必须有一个包含文本的图像。

何时alt完全省略属性

在某些情况下,替代文本不可能是已知的或不必要的,在这些情况下,它alt=""是不准确的,因为它意味着图像不会添加任何内容。HTML规范警告:

如果作者有能力提供真正的替代文本的可能性甚微,那么忽略alt属性是不可接受的。

但是,它承认了一些alt可能被省略的情况。

未知alt

在某些情况下,如元数据不包含有用信息的盲人用户博客或照片共享网站alt可能未知。

在这些情况下,使用title属性或a <figcaption>必需的。尽管图像的确切细节可能未知,但仍应包含一些解释性文字。在这种情况下,<figcaption>是优选的,因为

目前依靠title属性是不鼓励的,因为许多用户代理不按照本规范的要求以可访问的方式公开属性。

已知可以查看图像的收件人

如果正在撰写只能由少数已知收件人查看的文档,并且所有人都知道能够查看图像,则alt可以省略该属性。alt无论如何,建议将其包含在内,以防电子邮件或文档被转发。

扫码关注云+社区

领取腾讯云代金券