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

StackOverflow https://stackoverflow.com/questions/1610860

  •  05-07-2019
  •  | 
  •  

题

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

我可以提供一个空的空间“ ＆QUOT;进入alt标签生成：

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

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

有帮助吗？

解决方案

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

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

其他提示

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

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

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

    如果图像缺少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屏幕阅读器使用情况调查发现大多数盲人用户想知道图像是即使它没有向他们传达太多信息。所以要明智地用空的alt文本来抑制图像;只有当图像传达的信息确实为零时才使用它。

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

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

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

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

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

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

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top