如果名称已在图像下的源中,我是否应该在 <img> 的替代文本中重复人名?
-
23-09-2019 - |
题
如果我已经在图像下方/上方有人名,那么我应该在 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
在两种情况下?图像没有链接。
解决方案
其他提示
没有。重复的内容是无益的。如果图像仅仅示出了已经存在于正常的文本内容的东西,它应该有一个空白alt属性
作为一个有用的测试,使用的Lynx浏览器来查看该网页。如果它看起来愚蠢,alt文本是错误的。
下面是如果你复制alt文本如何渲染(复制/从你的例子粘贴):
George Washington George Washington
不 ...和 是的!
- 不,我认为你不应该只是 重复 文本。
- 然而,你 应该 看到
ALT
属性作为提供(简短)的机会 描述 图像的,例如“乔治·华盛顿肖像,布面油画,约 1790 年”。
在这种情况下,图像确实 不是 仅用作页面格式。相反,它是一个信息承载元素。无法看到信息的用户(例如屏幕阅读器)至少应该有机会知道他们错过了什么。
不。 替代文本显示为 选择 当图像无法显示时。
以下是规范的摘录,非常简单:
- 包含预期图像时,请勿指定不相关的替代文本
格式化页面,例如,
alt="红球 "不合适 为图像添加一个红球 装饰标题或段落。在 在这种情况下,备用文本应 为空字符串("")。作者是 无论如何,建议避免使用
用于格式化页面的图像;样式表
应该使用。- 不要指定无意义的备用文本(如 "dummy 文本")。这不仅会 使用户感到沮丧,从而减慢 必须转换文本的用户代理 转为语音或盲文输出。游戏 终端、浏览器 不支持表格,视觉上 有障碍的用户、使用 语音合成器的人 配置其图形用户界面
代理不显示图像等
所以它说得很清楚,不再重复。 第一种情况中的“Red Ball”可以用“George Washington”代替。
这是一篇如何正确使用 alt 属性的好文章: 替代属性
编辑:好吧,我想我被误解了。我并没有说他不能在这里使用替代属性。
我们在这里谈论屏幕阅读器和辅助功能,对吗?我同意图像很重要 我们. 。但这是给盲人看的吗?或者只是文字的装饰?
请记住问题是是否 在 alt 属性中重复该名称。 我说“不”。当未显示图像时,将显示替代文本。我可能会这样做:
<p><img src="george.jpg" alt="Image of " />George Washington</p>
alt 属性是 图像未显示时的替代方案 而不是描述(我们有 description
为了这)。
不会伤害 - 否则屏幕阅读器用户可能会保持怀疑,如果图像实际上是在他的名字的人的那随之而来的
该信息属于Windows的Jaws,但可能applys到其他屏幕阅读器也是如此。始终把信息的ALT标签。下巴如何识别图形是相当定制,你可以只说alt标签,通过鼠标悬停识别的图形,title属性等。一般使用默认配置alt标签将图形语言和任何其他信息将被忽略。如果ALT标签不可用,则屏幕阅读器会做最好看的图形,但这是problamatic。
我要在这里使用 alt="" 。
请查看这篇文章,它提供了一个非常好的示例:http://webaim.org/techniques/alttext/
引用那篇文章:
alt 属性通常应该:
准确、等效地呈现图像的相同内容和功能。
保持简洁。这意味着图像的正确内容(如果有内容)和功能(如果有功能)应该尽可能简洁地呈现。通常不需要超过几个单词,但很少有一两句话可能是合适的。
不要冗余或提供与图像上下文中的文本相同的信息。
请勿使用短语“...的图像”或“...的图形”来描述图像。对于用户来说,通常很明显这是一张图像。并且,如果图像正在传达内容,则与文本相反,用户通常不需要知道这是在传达内容的图像。如果图像是照片或插图等事实是重要内容,将其包含在替代文本中可能会很有用。