8

如果我已经在图像下方/上方有人名,那么我应该在 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这两种情况下重复吗?图片没有链接。

4

7 回答 7

11

是的。

ALT 文本对于屏幕阅读器等很重要。图像“附近”的文本对这些程序没有多大意义。

来自W3C的有关该主题的更多信息。

于 2010-01-27T05:10:01.300 回答
3

不,重复的内容是没有帮助的。如果图像仅说明正常文本内容中已经存在的内容,则应具有空白 alt 属性

作为一个有用的测试,使用 Lynx 浏览器查看页面。如果它看起来很愚蠢,则替代文本是错误的。

如果您复制替代文本(从您的示例复制/粘贴),它的呈现方式如下:

    George Washington George Washington
于 2010-01-27T13:37:31.547 回答
3

不可以。当图片无法显示时,替代文字会显示为图片的替代品。

这是规范的摘录,非常简单:

  • 在包含用于格式化页面的图像时,不要指定不相关的替代文本
    ,例如,
    alt=“red ball”对于添加红球来装饰标题或段落的图像是不合适的。在这种情况下,替代文本应该是空字符串(“”)。在任何情况下都建议作者避免使用图像来格式化页面; 应该使用
    样式表。
  • 不要指定无意义的替代文本(例如,“虚拟文本”)。这不仅会使用户感到沮丧,还会减慢必须将文本转换为语音或盲文输出的用户代理。播放终端、浏览器不支持表单的用户、视障用户、使用语音合成器的用户、将图形用户
    代理配置为不显示图像的用户等。

所以它说得很清楚,不要重复。第一种情况下的“红球”可以换成“乔治华盛顿”。

这是一篇如何正确使用 alt 属性的好文章:Alt 属性

编辑:好的,我想我被误解了。我没有说他不能在这里使用 alt 属性。

我们在这里谈论屏幕阅读器和可访问性,对吗?我同意图像对我们很重要。但它是为了盲人吗?还是只是文字的装饰?

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

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

alt-Attribute 是当图像没有显示而不是描述时的替代方法description(我们有这个)。

于 2010-01-28T09:30:25.823 回答
3

……的!

  • 不,我认为你不应该只是重复文字。
  • 但是,您应该ALT属性视为提供图像(简短)描述的机会,例如“乔治华盛顿的肖像,布面油画,大约 1790 年”。

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

于 2010-01-28T09:49:14.813 回答
1

此信息与 Jaws for windows 相关,但也可能适用于其他屏幕阅读器。始终将信息放在 alt 标签中。下巴识别图形的方式是相当可定制的,您只能使用带有 alt 标签的图形、鼠标悬停识别的图形、标题属性等。通常,默认配置会说出 alt 标签,而任何其他信息都将被忽略。如果 alt 标签不可用,那么屏幕阅读器会尽力阅读图形,但这是有问题的。

于 2010-01-27T13:18:25.427 回答
1

不会受到伤害——否则屏幕阅读器用户可能会怀疑图像是否真的是下一个名字的人的图像。

于 2010-01-27T05:11:06.827 回答
0

我要去 alt="" 这里。

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

引用那篇文章:


alt 属性通常应该:

  • 在呈现图像的相同内容和功能时要准确和等效。

  • 简洁。这意味着应该尽可能简洁地呈现图像的正确内容(如果有内容)和功能(如果有功能)。通常不超过几个词是必要的,尽管很少有一两个简短的句子可能是合适的。

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

  • 不要使用短语“...的图像”或“...的图形”来描述图像。用户通常很明显它是一个图像。如果图像正在传达内容,则用户通常不需要知道它是传达内容的图像,而不是文本。如果图像是照片或插图等这一事实是重要内容,则将其包含在替代文本中可能会很有用。

于 2017-03-14T16:07:43.657 回答