是否有必要在图像中包含alt

Question

W3c指定对网站中的所有图片使用alt以获取辅助功能。如何在javascript菜单或背景图像或空白图像（用于设计或用于一般用途的图像）中为像图像设置图像？

Answer 1

如果您希望标记验证，则alt标记需要

<img>属性。背景图片和项目符号只是装饰性的，它们不需要替代表示，因为它们不是内容的一部分。

Answer 2

您可以设置<img ...>标记的alt属性，以使正在使用屏幕阅读器的用户可以访问该图像。装饰图像（例如背景和子弹）不需要描述（对于使用屏幕阅读器的视觉障碍者而言只会是混乱），但如果你 - 例如 - 得到一个图形，你应该描述传达的信息图表。如果您需要大量文本来描述它，那么您可以使用longdesc属性链接到描述图像的单独文件。

Answer 3

alt的重点是让您的网站可以访问。如果图像对您网站的内容很重要（例如，链接，由某人发布，文字中提及等），您希望每个人都知道它是什么，它就在那里。子弹点和空白图像并不真正符合此标准，因此您可以在不使用alt的情况下保留它们。 javascript菜单中的项目符号应该在CSS和布局中完成，所以如果你想跳过几个箍，你仍然可以让你的代码验证你认为它是否值得。

Answer 4

HTML标准

首先，我们转到img元素：https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element

然后，我们单击alt属性，然后转到alt的{​​{1}}属性：https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-alt

关于alt属性值的要求在单独的部分中说明。

我们点击链接到集中式交叉元素img部分：https://html.spec.whatwg.org/multipage/images.html#alt

该部分内容巨大，其中包含一堵人类可读的哲学指南，根据您的学究/容错程度，可以说这很有趣，但是最后一段最后包含了我们真正关心的内容：如何通过验证器！ https://html.spec.whatwg.org/multipage/images.html#guidance-for-conformance-checkers

4.8.4.4.15一致性检查程序指南

除非下列条件之一适用，否则一致性检查程序必须将缺少alt属性报告为错误：

• img元素位于满足上述条件的图形元素中。

• img元素具有title属性，其值不是空字符串（也如上所述）。

• 一致性检查程序已配置为假定该文档是电子邮件或文档，供特定于已知能够查看图像的特定人员使用。

• img元素具有（不合格）generator-unable-to-provide-required-alt属性，其值为空字符串。没有将缺少alt属性报告为错误的一致性检查程序也必须不将空的generator-unable-provide-provide-required-alt属性的存在报告为错误。 （这种情况并不表示文档符合要求，只是生成器无法确定适当的替代文本。在这种情况下，不需要验证程序显示错误，因为这种错误可能会鼓励标记生成器包括伪造的替代文本。自然，一致性检查器可能会报告缺少alt属性作为错误，即使存在generator-unable-provide-required-alt属性也是如此；例如，可能有一个用户报告所有一致性错误的选项，甚至可能是使用标记生成器或多或少不可避免的结果。）

然后第一点有一个超级链接来说明条件：

在这种情况下，可以省略alt属性，但也必须满足以下条件之一：

• img元素在一个fig元素中，该fig元素包含一个figcaption元素，该元素包含除元素间空格以外的内容，并且，忽略figcaption元素及其后代，该fig元素除了inter之外没有其他流内容后代-元素空格和img元素。

• 标题属性存在并且具有非空值。

Answer 5

描述图像。对于使用屏幕阅读器的人来说，有什么用呢？ 说它是一个子弹或格式化设备，读者可以放心地忽略它。