标签上alt
属性的预期用途到底是什么?<img>
它应该描述图像,还是应该为屏幕阅读器(以及关闭图像的人)提供有意义的替换文本?
例如,如果我的网站上有一个人的简短传记,并附上一张他们的小照片,那么让视障用户向他们朗读“John Smith 的照片”真的有意义吗?
标签上alt
属性的预期用途到底是什么?<img>
它应该描述图像,还是应该为屏幕阅读器(以及关闭图像的人)提供有意义的替换文本?
例如,如果我的网站上有一个人的简短传记,并附上一张他们的小照片,那么让视障用户向他们朗读“John Smith 的照片”真的有意义吗?
HTML 5 规范对此有很大的影响。
基本上,alt
如果您根本没有使用图像,该属性应该是文本。如果您的图像纯粹是装饰性的,则可以使用alt=""
. 描述在title
属性中。
我认为这个想法是使用替代文本来传达与图像相同的信息。这取决于图像是什么。
导航元素的功能(“下一页”、“返回”)可能比它们的外观(“右箭头”)更好地描述。
约翰史密斯的照片可能会被替换为约翰史密斯的描述,或对正在发生的事件的描述等。
来自w3.org:
虽然替代文本可能非常有用,但必须小心处理。作者应遵守以下准则:
如果由于某种原因无法加载图像,它会提供“替代”文本。在您的示例中,我会说是的,这将是合适的。
“alt”属性是图像语义的替代(文本)表示。这不仅用于无法加载的图像:它还用于屏幕阅读器或纯文本浏览器。
在您的特定情况下,包括替代文本类型取决于您是否认为注意页面是否包含该人的图片很重要。如果它是一个纯粹的视觉项目,您可能不需要任何替代文本。如果它也被用作某种链接,您可能确实需要一些替代文本,以便使用屏幕阅读器的人对链接后的操作有一些线索。
谷歌上的第一次点击 [img alt 可访问性] 给出了考虑页面在未显示图像时的外观或声音。然后,为每个图像写一个最适合替换的替代文本(img 元素中的替代文本指南)
如果图像没有显示,它应该是对用户有帮助的任何东西。
顺便说一句,当您将鼠标悬停在 IE 中的图像上并且工具提示显示 ALT 不是 ALT 的正确行为时的“功能”。标题应该用于此。
简洁地描述图像,就好像你在和一个盲人说话一样。很简单。
我确定 Google 使用此属性值来索引图像搜索。
如果我的网站上有一个人的简短传记,并附上一张他们的小照片,那么让视障用户向他们朗读“约翰·史密斯的照片”真的有意义吗?
如果你没有那个替代文字,你认为他们会假设图像是什么?“约翰史密斯和他妻子的照片”?“约翰史密斯接受奥斯卡奖的照片”?“约翰史密斯刺杀肯尼迪的照片”?“约翰史密斯被他的宠物大象谋杀后死在露台上的照片”?
如果是约翰史密斯的照片,是的,说出来。如果是别的,就这么说吧。