图像alt属性最佳实践

HTML5规范有一个 huge section 在这个问题上。

基本上 alt 属性应该是当您根本没有使用图像时作为文本出现的内容。如果您的图像纯粹是装饰性的,您可以使用 alt="" . 一个描述出现在 title 属性

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

从…起 w3.org :

• 不要指定无意义的替代文本(例如,“虚拟文本”)。这不仅会让用户感到沮丧,还会减慢必须将文本转换为语音或盲文输出的用户代理的速度。

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

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

在您的特定情况下,是否包含alt文本取决于您是否认为需要注意页面是否包含此人的图片。如果它是纯视觉项目,则可能不需要任何alt文本。如果它也被用作某种链接,你可能 做 想要一些alt文本,这样使用屏幕阅读器的人就可以知道下面的链接可能会做什么。

第一次点击谷歌的[img alt accessibility]给出 考虑当图像未显示时页面的外观或声音。然后,为每个图像编写一个最适合替换的alt文本 ( Guidelines on alt texts in img elements

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

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

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

我确信谷歌使用这个属性值来索引图像搜索。

如果我有一本关于 我的网站上的人,包括 他们的小照片,真的吗 宣读“约翰·史密斯的照片”

如果你没有alt文本,你认为他们会认为图像是什么?“约翰·史密斯和他妻子的照片”?“约翰·史密斯接受奥斯卡奖的照片”?“约翰·史密斯暗杀肯尼迪的照片”?“约翰·史密斯被他的宠物大象谋杀后躺在院子里死去的照片”?

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

中高音 属性与一起使用 标签

候补

它是用来 图像的简短描述。

如果浏览器处于打开状态,它将显示在屏幕上 无法加载图像

Click to Know more