图片alt属性最佳做法

Question

<img>标签上的alt属性的预期用途究竟是什么？

它应该描述图像，还是应该为屏幕阅读器（以及关闭图像的人）提供有意义的替换文本？例如，如果我的网站上有一个人的简历，并且包含他们的一张小照片，那么视障用户是否会向他们宣读“约翰史密斯的照片”真的有意义吗？

Answer 1

的HTML 5规范对这个huge section更换。

基本上，alt属性应该是那里将作为文本，如果你根本没有使用图像。如果您的图片纯粹是装饰性的，您可以使用alt=""。描述进入title属性。

Answer 2

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

Answer 3

它应该是任何可以帮助用户的图像不显示。

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

Answer 4

第一次打在谷歌这[img alt无障碍]给考虑什么页面看起来像或听起来像当图像没有显示。然后，为每个图像写一个替代文字，作为替代品可以发挥最佳效果（Guidelines on alt texts in img elements）

Answer 5

简洁地描述图像，就好像您正在与盲人聊天一样。很简单。

我确定Google使用此属性值为图片搜索建立索引。

Answer 6

从w3.org：

虽然替代文本可以是非常有益的，但必须小心处理。作者应遵守以下准则：

• 包括准备设置页面格式的图像，例如当，ALT =“红球”将是不恰当的，增加了一个红球装饰图像不指定无关的替代文本标题或段落。在这种情况下，替代文本应该是空字符串（“”）。无论如何建议作者避免使用图像来格式化页面;应该使用样式表。
• 不要指定无意义的替代文本（例如“虚拟文本”）。这不仅会阻碍用户，还会减慢必须将文本转换为语音或盲文输出的用户代理。

Answer 7

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

导航元素可能比它们的外观（“右箭头”）更好地描述其功能（“下一页”，“后退”）。

约翰·史密斯的照片可能与约翰·史密斯的描述，或者事件发生的描述等

Answer 8

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

在您的特定情况下，包括alt-text类型取决于您是否认为重要的是要注意该页面包含该人的照片。如果它是一个纯粹的视觉项目，你可能不需要任何alt文本。如果它也被用作某种链接，那么你可能需要一些alt-text，以便使用屏幕阅读器的人对链接后面的内容有一些线索。

Answer 9

，如果我有一个 人在我的网站上的短传，并把它们包含的 小照片，是不是真的 有意义的视障用户 有“约翰·史密斯的照片”读出 给他们？

如果你没有那个ALT文本，你认为他们会认为图像是什么？ “约翰史密斯和他的妻子的照片”？ “约翰史密斯接受他的奥斯卡的照片”？ “约翰史密斯暗杀肯尼迪的照片”？ “约翰史密斯被他的宠物大象杀害后躺在自己的露台上的照片”？

如果是约翰史密斯的照片，是的，这样说。如果是别的东西，请这么说。

Answer 10

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

alt表示替代

它用于图像的简短说明。

据显示在屏幕上的情况下，浏览器是无法加载图像

Click to Know more