不过,今天在阅读HTML spec时,我注意到以下几点:
A single image can have different appropriate alternative text
depending on the context.In each of the following cases,the same image is used,yet the alt
text is different each time. The image is the coat of arms of the
Carouge municipality in the canton Geneva in Switzerland.Here it is used as a supplementary icon:
06000
它继续显示其他示例与各种alt文本,但这在这(和另外几个例子)alt文本丢失。
规格后来说(强调我的):
Except where otherwise specified,the alt attribute must be specified
and its value must not be empty; the value must be an appropriate
replacement for the image.
是否可以使用alt =“”?如果是这样,这是什么时候可以接受的用途?如果图像不需要alt文本,应该是CSS背景图像?
注意:这是基于WHATWG HTML生活标准,而不是W3C HTML5规范。
解决方法
通常,alt属性是必需的;然而,有几种情况,HTML规范表示可以将alt属性的内容留空。 alt属性是与图像相当的文本,这意味着如果图像的含义已经被周围的文本封装,它应该只是空的。
考虑替代文本是非常重要的,因为在不可用的情况下,图像应该传达什么内容。如果图像可以通过围绕它的文本进行总结,那么它应该有一个空的alt属性,因为冗余是不利的。
示例包括重复周围文本的流程图或图表。
如果要使用标题,该标题应该被包括作为标题元素或使用< figcaption> ;.如果图形可以通过页面上其他地方没有的信息来描述,那么应该使用alt。规范说明了为什么应该避免这种重复:
Including the caption in the alternative text like this isn’t useful because it effectively duplicates the caption for users who don’t have images,taunting them twice yet not helping them any more than if they had only read or heard the caption once.
装饰图(link)
通常,规范建议使用CSS背景图像,但是在某些情况下,可以通过标记来完成CSS背景图像,例如在诗歌旁边绘画,或者在事件中观看风景照片。在这些情况下,图像是内容,但是如果用户能够看到图像,那么该内容才是相关的。
没有链接
只有一个图像应该有替代文本,以避免重复的文本给看不到图像的用户。
有链接
该规范建议您使用图像映射,但如果图像被切片,则每个链接必须有一个具有alt文本的图像。
何时完全忽略alt属性
在某些情况下,替代文本不可知或不必要,在这种情况下,alt =“”不准确,因为这意味着图像不添加任何内容。 HTML规范警告:
If there is even the slightest possibility of the author having the ability to provide real alternative text,then it would not be acceptable to omit the alt attribute.
但是,它承认了可以省略alt的几种情况。
未知alt (link)
在某些情况下,例如盲人用户的博客或照片共享网站,其中元数据不包含有用的信息,则alt可能是未知的。
在这些情况下,使用title属性或< figcaption>是必须的。虽然图像的确切细节可能不清楚,但仍应包括一些说明文字。在这种情况下,< figcaption>因为是首选
Relying on the title attribute is currently discouraged as many user agents do not expose the attribute in an accessible manner as required by this specification.
已知收件人可以查看图像(link)
如果您正在编写只能被几个已知收件人查看的文档,则所有这些文档都知道能够看到图像,则alt属性可能会被省略。建议您将电子邮件或文件转发到附件中。
附录:CSS背景图片怎么样?
如果图像不是内容,它应该是一个背景图像。关于< img>之后的理由的细目与背景图像,请查看When to use IMG vs. CSS background-image?