如果名称已在图像下的源中，我是否应该在 <img> 的替代文本中重复人名？

Question

如果我已经在图像下方/上方有人名，那么我应该在 ALT 文本中使用相同的名称吗？

替代文本http://easycaptures.com/fs/uploaded/227/6990285751.jpg

<p><img width="125" height="157" alt="George Washington" 
src="media/gw.jpg"><span>George Washington</span><p>


<p><span>George Washington</span>
<img width="125" height="157" alt="George Washington" src="media/gw.jpg"><p>

我应该重复吗 <span> 在 alt 在两种情况下？图像没有链接。

Answer 1

是

ALT文本是用于屏幕阅读器和等重要。文本“附近”到的图像没有什么太大的意义，这些程序。

这 W3C 关于这个问题的一些更多的信息。

Answer 2

没有。重复的内容是无益的。如果图像仅仅示出了已经存在于正常的文本内容的东西，它应该有一个空白alt属性

作为一个有用的测试，使用的Lynx浏览器来查看该网页。如果它看起来愚蠢，alt文本是错误的。

下面是如果你复制alt文本如何渲染（复制/从你的例子粘贴）：

    George Washington George Washington

Answer 3

不 ...和 是的!

• 不，我认为你不应该只是 重复 文本。
• 然而，你 应该 看到 ALT 属性作为提供（简短）的机会 描述 图像的，例如“乔治·华盛顿肖像，布面油画，约 1790 年”。

在这种情况下，图像确实 不是 仅用作页面格式。相反，它是一个信息承载元素。无法看到信息的用户（例如屏幕阅读器）至少应该有机会知道他们错过了什么。

Answer 4

不。 替代文本显示为 选择 当图像无法显示时。

以下是规范的摘录，非常简单：

• 包含预期图像时，请勿指定不相关的替代文本
  格式化页面，例如，
  alt="红球 "不合适 为图像添加一个红球 装饰标题或段落。在 在这种情况下，备用文本应 为空字符串（""）。作者是 无论如何，建议避免使用
  用于格式化页面的图像；样式表
  应该使用。
• 不要指定无意义的备用文本（如 "dummy 文本"）。这不仅会 使用户感到沮丧，从而减慢 必须转换文本的用户代理 转为语音或盲文输出。游戏 终端、浏览器 不支持表格，视觉上 有障碍的用户、使用 语音合成器的人 配置其图形用户界面
  代理不显示图像等

所以它说得很清楚，不再重复。 第一种情况中的“Red Ball”可以用“George Washington”代替。

这是一篇如何正确使用 alt 属性的好文章： 替代属性

编辑：好吧，我想我被误解了。我并没有说他不能在这里使用替代属性。

我们在这里谈论屏幕阅读器和辅助功能，对吗？我同意图像很重要 我们. 。但这是给盲人看的吗？或者只是文字的装饰？

请记住问题是是否 在 alt 属性中重复该名称。 我说“不”。当未显示图像时，将显示替代文本。我可能会这样做：

<p><img src="george.jpg" alt="Image of " />George Washington</p>

alt 属性是 图像未显示时的替代方案 而不是描述（我们有 description 为了这）。

Answer 5

不会伤害 - 否则屏幕阅读器用户可能会保持怀疑，如果图像实际上是在他的名字的人的那随之而来的

Answer 6

该信息属于Windows的Jaws，但可能applys到其他屏幕阅读器也是如此。始终把信息的ALT标签。下巴如何识别图形是相当定制，你可以只说alt标签，通过鼠标悬停识别的图形，title属性等。一般使用默认配置alt标签将图形语言和任何其他信息将被忽略。如果ALT标签不可用，则屏幕阅读器会做最好看的图形，但这是problamatic。

Answer 7

我要在这里使用 alt="" 。

请查看这篇文章，它提供了一个非常好的示例：http://webaim.org/techniques/alttext/

引用那篇文章：

---

alt 属性通常应该：

• 准确、等效地呈现图像的相同内容和功能。

• 保持简洁。这意味着图像的正确内容（如果有内容）和功能（如果有功能）应该尽可能简洁地呈现。通常不需要超过几个单词，但很少有一两句话可能是合适的。

• 不要冗余或提供与图像上下文中的文本相同的信息。

• 请勿使用短语“...的图像”或“...的图形”来描述图像。对于用户来说，通常很明显这是一张图像。并且，如果图像正在传达内容，则与文本相反，用户通常不需要知道这是在传达内容的图像。如果图像是照片或插图等事实是重要内容，将其包含在替代文本中可能会很有用。