如果名称已经在图像下的源中,我应该在 <img> 的替代文本中重复人名吗?

Posted

技术标签:

【中文标题】如果名称已经在图像下的源中,我应该在 <img> 的替代文本中重复人名吗?【英文标题】:Should i repeat person name in alt text of <img> if name is already in source under image? 【发布时间】:2011-01-09 19:46:23 【问题描述】:

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

alt text http://easycaptures.com/fs/uploaded/227/6990285751.jpg

<p><img    
src="media/gw.jpg"><span>George Washington</span><p>


<p><span>George Washington</span>
<img    src="media/gw.jpg"><p>

我应该在这两种情况下重复&lt;span&gt;alt 吗?图片没有链接。

【问题讨论】:

不需要单独的答案,但我想指出 jensgram 对 kervin 答案的评论,因为它完全反映了我自己的观点。 @Boldewyn 谢谢。但是,我确实发布了一个单独的答案:) @jensgram:我的意思是,不需要 me 的另一个答案。所以,我不反对;-) 【参考方案1】:

是的。

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

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

【讨论】:

但是屏幕阅读器会在 ALT="person name" 和

person name 中重复相同的名字?

屏幕阅读器可以让用户知道页面上有一个图像,它与“ALT 中的任何内容”有关。所以用户知道他们缺少什么。然后它将继续页面。如果没有该 ALT,用户将永远不会知道图像中的内容。 +1 同意。但是,我会使用 ALT 属性来提供图像的 description,例如“乔治·华盛顿的肖像,布面油画,约 1790 年”。 我不同意。 W3C 也是如此:“在包含用于格式化页面的图像时,不要指定不相关的替代文本,例如,alt=”red ball”对于添加红球来装饰标题或段落的图像是不合适的。在在这种情况下,替代文本应该是空字符串(“”)。”“红球”在这种情况下是“乔治华盛顿” @Nils Riedermann “......用于格式化页面的图像......”。事实并非如此——至少就我对问题的理解而言。【参考方案2】:

没有。重复的内容是没有帮助的。如果一张图片仅仅说明了正常文本内容中已经存在的东西,它应该有一个空白的alt属性

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

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

    George Washington George Washington

【讨论】:

【参考方案3】:

...和

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

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

【讨论】:

【参考方案4】:

否。当图片无法显示时,替代文字会显示为图片的替代

以下是规范的摘录:

在包含预期图像时不要指定不相关的替代文本 例如,格式化页面, 不合适 对于添加红球的图像 装饰标题或段落。在 在这种情况下,替代文本应 是空字符串(“”)。作者是 在任何情况下都建议避免使用 用于格式化页面的图像;样式表 应改为使用。 不要指定无意义的替代文本(例如,“dummy 文本”)。这不仅会 挫败用户,它会变慢 必须转换文本的用户代理 语音或盲文输出。玩 终端,其浏览器的用户 视觉上不支持表单 受损用户,那些使用 语音合成器,那些有 配置了他们的图形用户 代理不显示图像等。

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

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

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

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

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

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

alt-Attribute 是不显示图像时的替代选项,而不是描述(我们有 description 用于此)。

【讨论】:

-1 这个问题不是关于是否在“用于格式化页面的图像”上使用ALT 文本。乔治华盛顿的图片是页面信息的一部分,ALT 文字让作者有机会描述一些观众看不到的东西。 我更新了我的答案,让我的观点更清楚,我希望。也许您现在可以删除反对票? ;) 确实如此。 (填充到 15 个字符)【参考方案5】:

不会有什么坏处——否则屏幕阅读器用户可能会怀疑图像是否真的是下一个名字的人的图像。

【讨论】:

【参考方案6】:

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

【讨论】:

但是如果图片中没有定义替代文字,那么屏幕会读取图片之后的文字【参考方案7】:

我在这里选择 。

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

引用那篇文章:


alt 属性通常应该:

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

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

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

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

【讨论】:

以上是关于如果名称已经在图像下的源中,我应该在 <img> 的替代文本中重复人名吗?的主要内容,如果未能解决你的问题,请参考以下文章

从Window图标(.ico)设置WPF Image的源

在Eclipse中,如何从使用它的项目源中快速访问“android库项目”的源?

重写RSS源中的URL以进行自动记录

从图像源中删除最后一个字符

值不能为空。参数名称:尝试使用 web api 获取数据时的源

如何正确命名包含返回从此类中设置的源中选择的值并以相同方式设置源值的属性的类?