8

标签上alt属性的预期用途到底是什么?<img>

它应该描述图像,还是应该为屏幕阅读器(以及关闭图像的人)提供有意义的替换文本?

例如,如果我的网站上有一个人的简短传记,并附上一张他们的小照片,那么让视障用户向他们朗读“John Smith 的照片”真的有意义吗?

4

10 回答 10

18

HTML 5 规范对此有很大的影响。

基本上,alt如果您根本没有使用图像,该属性应该是文本。如果您的图像纯粹是装饰性的,则可以使用alt="". 描述在title属性中。

于 2009-03-05T00:51:18.593 回答
4

我认为这个想法是使用替代文本来传达与图像相同的信息。这取决于图像是什么。

导航元素的功能(“下一页”、“返回”)可能比它们的外观(“右箭头”)更好地描述。

约翰史密斯的照片可能会被替换为约翰史密斯的描述,或对正在发生的事件的描述等。

于 2009-03-05T00:51:14.693 回答
3

来自w3.org

虽然替代文本可能非常有用,但必须小心处理。作者应遵守以下准则:

  • 在包含用于格式化页面的图像时,不要指定不相关的替代文本,例如,alt="red ball" 不适用于添加红球来装饰标题或段落的图像。在这种情况下,替代文本应该是空字符串 ("")。在任何情况下都建议作者避免使用图像来格式化页面;应该改用样式表。
  • 不要指定无意义的替代文本(例如,“虚拟文本”)。这不仅会使用户感到沮丧,还会减慢必须将文本转换为语音或盲文输出的用户代理。
于 2009-03-05T00:50:17.050 回答
2

如果由于某种原因无法加载图像,它会提供“替代”文本。在您的示例中,我会说是的,这将是合适的。

于 2009-03-05T00:47:05.593 回答
2

“alt”属性是图像语义的替代(文本)表示。这不仅用于无法加载的图像:它还用于屏幕阅读器或纯文本浏览器。

在您的特定情况下,包括替代文本类型取决于您是否认为注意页面是否包含该人的图片很重要。如果它是一个纯粹的视觉项目,您可能不需要任何替代文本。如果它也被用作某种链接,您可能确实需要一些替代文本,以便使用屏幕阅读器的人对链接后的操作有一些线索。

于 2009-03-05T00:52:39.540 回答
1

谷歌上的第一次点击 [img alt 可访问性] 给出了考虑页面在未显示图像时的外观或声音。然后,为每个图像写一个最适合替换的替代文本(img 元素中的替代文本指南

于 2009-03-05T00:49:03.137 回答
0

如果图像没有显示,它应该是对用户有帮助的任何东西。

顺便说一句,当您将鼠标悬停在 IE 中的图像上并且工具提示显示 ALT 不是 ALT 的正确行为时的“功能”。标题应该用于此。

于 2009-03-05T00:47:10.927 回答
0

简洁地描述图像,就好像你在和一个盲人说话一样。很简单。

我确定 Google 使用此属性值来索引图像搜索。

于 2009-03-05T00:49:18.050 回答
0

如果我的网站上有一个人的简短传记,并附上一张他们的小照片,那么让视障用户向他们朗读“约翰·史密斯的照片”真的有意义吗?

如果你没有那个替代文字,你认为他们会假设图像是什么?“约翰史密斯和他妻子的照片”?“约翰史密斯接受奥斯卡奖的照片”?“约翰史密斯刺杀肯尼迪的照片”?“约翰史密斯被他的宠物大象谋杀后死在露台上的照片”?

如果是约翰史密斯的照片,是的,说出来。如果是别的,就这么说吧。

于 2009-03-05T13:21:05.327 回答
0

Alt属性与img标签一起使用。

Alt 表示备用

它用于图像的简短描述。

如果浏览器无法加载图像,它会显示在屏幕上

点击了解更多

于 2015-10-08T15:40:47.347 回答