什么时候可以在HTML图像上留下替代文本空白(如果有的话)?
到目前为止,我的理解是alt属性是必需的,不应该留空。这似乎在现有的问题如
this one中得到证实。
不过,今天在阅读HTML spec时,我注意到以下几点:
它继续显示其他示例与各种alt文本,但这在这(和另外几个例子)alt文本丢失。 规格后来说(强调我的):
是否可以使用alt =“”?如果是这样,这是什么时候可以接受的用途?如果图像不需要alt文本,应该是CSS背景图像? 注意:这是基于WHATWG HTML生活标准,而不是W3C HTML5规范。 解决方法
何时将alt属性留空
通常,alt属性是必需的;然而,有几种情况,HTML规范表示可以将alt属性的内容留空。 alt属性是与图像相当的文本,这意味着如果图像的含义已经被周围的文本封装,它应该只是空的。 周边文字的图形表示(link) 考虑替代文本是非常重要的,因为在不可用的情况下,图像应该传达什么内容。如果图像可以通过围绕它的文本进行总结,那么它应该有一个空的alt属性,因为冗余是不利的。 示例包括重复周围文本的流程图或图表。 如果要使用标题,该标题应该被包括作为标题元素或使用< figcaption> ;.如果图形可以通过页面上其他地方没有的信息来描述,那么应该使用alt。规范说明了为什么应该避免这种重复:
装饰图(link) 通常,规范建议使用CSS背景图像,但是在某些情况下,可以通过标记来完成CSS背景图像,例如在诗歌旁边绘画,或者在事件中观看风景照片。在这些情况下,图像是内容,但是如果用户能够看到图像,那么该内容才是相关的。 组图像形成较大的图片(link) 没有链接 只有一个图像应该有替代文本,以避免重复的文本给看不到图像的用户。 有链接 该规范建议您使用图像映射,但如果图像被切片,则每个链接必须有一个具有alt文本的图像。 何时完全忽略alt属性 在某些情况下,替代文本不可知或不必要,在这种情况下,alt =“”不准确,因为这意味着图像不添加任何内容。 HTML规范警告:
但是,它承认了可以省略alt的几种情况。 未知alt (link) 在某些情况下,例如盲人用户的博客或照片共享网站,其中元数据不包含有用的信息,则alt可能是未知的。 在这些情况下,使用title属性或< figcaption>是必须的。虽然图像的确切细节可能不清楚,但仍应包括一些说明文字。在这种情况下,< figcaption>因为是首选
已知收件人可以查看图像(link) 如果您正在编写只能被几个已知收件人查看的文档,则所有这些文档都知道能够看到图像,则alt属性可能会被省略。建议您将电子邮件或文件转发到附件中。 附录:CSS背景图片怎么样? 如果图像不是内容,它应该是一个背景图像。关于< img>之后的理由的细目与背景图像,请查看When to use IMG vs. CSS background-image? (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |