Question

我正在为图像使用CMS，默认情况下不会在图像标记中生成alt属性，除非提供了alt文本。

我可以在alt标记中提供一个空格“”来生成：

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

屏幕阅读器和网络辅助功能会出现问题吗？

Answer 1

HTML作者可以通过三种方式在其图像上编写ALT文本：

没有给出ALT属性
使用不包含任何可读字符的ALT属性
具有可读取的ALT属性

这些是以不同的方式处理的。

如果图像缺少ALT属性，请执行以下操作：

<img src="fruit.png" width="100" height="100" />

...默认屏幕阅读器行为是大声读取SRC属性。因此，假设此图像托管在example.com上的images文件夹中，屏幕阅读器会说：Graphic: h ttp://www.example.com/images/fruit.png。省略ALT属性是不好的做法，因为盲人访客不得不涉及大量不相干的胡言乱语。

如果图像的ALT属性不包含任何可读信息，则可能是以下两种情况之一：

<img src="fruit.png" width="100" height="100" alt="" />
<img src="fruit.png" width="100" height="100" alt=" " />

...默认行为是以静默方式传递该图像。屏幕阅读器不能发音空格或空字符串;所以什么也没说。这是抑制纯装饰图像发布的正确方法。但请注意，最近的WebAIM屏幕阅读器使用情况调查发现most blind users want to know an image is there even if it doesn't convey much to them。所以要明智地用空的alt文本来抑制图像;只有当图像传达的信息确实为零时才使用它。

最后，当然是常规替代文字：

<img src="fruit.png" width="100" height="100" alt="Photo of apples." />

在这种情况下，屏幕阅读器会说“图形：苹果照片”。放入一段时间会使屏幕阅读器在ALT文本末尾暂停。

选择好的ALT文本很重要，而且很难。通常，如果您的图像包含文本图片，那么您应该在ALT文本中复制该文本（或其合适的缩写）。如果是说明性或摄影，您的ALT文本应该是照片内容的简明描述。如果它是一个像图表这样的复杂图像，那么您可能需要使用ALT文本来引导用户在页面的其他位置进行更完整的描述。（LONGDESC属性是为此目的而设计的，但屏幕阅读器并未广泛支持。）

如果您的图像也是一个链接，那么拥有合理的ALT文本绝对至关重要;否则你的盲人访客不会知道链接的作用。

我建议使用屏幕阅读器（例如NVDA，它是开源的）并使用它进行测试。它可以 - 原谅坏双关 - 让人大开眼界。

Answer 2

如果您没有使用替代文字，则可以不使用alt属性。它不会验证，但它不会改变一件事，它将完全相同。你只是讨好验证者。

使用空格不应该带来任何问题。

Answer 3

唯一的问题是客户希望网站声明它符合XHTML - 所以我们需要页面来验证：（

屏幕阅读器在alt属性中具有非中断空格

3 个答案: