Question

我有几个部分的报告。这些部分中有许多在顶部有一段描述该部分目的的段落，这些段落都是用段落左上角的“i'-in-a-circle（信息）”图标设置的。

对于此图片的'alt'属性，我应该使用“信息图标”还是“报告部分描述”？我更倾向于使用第一个，并且可能直接在段落上使用其他内容来更明确地描述它，可能是标题属性或其他东西。

Answer 1

Alt代表另类，所以如果有人说视障人士使用阅读器浏览网站，替代方案会为他们描述他们在视觉上缺少什么。

Answer 2

alt标记应具有足够的描述性，以便在用户访问网页时图像不可用时建议图像。我已经看过图像替代文字，如“图像”，这意味着什么，但我已经看到其他人有一个很长的描述“图像，以显示游戏和测验实体之间的关系”

我个人会选择更长的描述性文字

Answer 3

在你的情况下，我会选择一个不描述图像的短标签。作为一个屏幕阅读器用户，我更喜欢简短而又重要的alt标签。我真的不在乎图标是什么样的，它是什么颜色，它的形状是什么等等，我所关心的是这是一个信息图标，所以下面的内容不是数据。如果您需要有关图像的更多详细信息，请使用长描述属性。例如，如果您正在显示图表，我想要一个alt标签“最近10个股票市场日的图表”。对图像的长描述可能非常详细，类似于“第一天市场上涨200点，第二天下跌100点，第三天它在300点范围内波动但关闭在哪里它开了“等等。

Answer 4

我会使用这个解决方案，因为图像只是一个UI元素，它声明了段落的内容。

http://jsfiddle.net/jphellemons/QY7ng/

CSS：

p{
    background-image: url('http://images.findicons.com/files/icons/2146/realistik_reloaded/128/error.png');
    background-position: top -128px;
    background-repeat: no-repeat;
    padding-left: 128px;
}

如果它只是第一段，你可以使用这个伪类，否则使用类 :first-child http://www.w3schools.com/cssref/sel_firstchild.asp

编辑：来回答这个问题。图像的alt属性应描述图像。但在这种情况下，您不需要<img ... />标记，因为它只是为了让可见的人更清楚段落包含元信息

Answer 5

当用户屏幕上未显示图像时，通常使用Alt图标。我不明白为什么你想把它放在段落上。从SEO角度来看，信息图标更合适。

HTML图像上的“alt”属性是应该描述图像还是图像的含义？

5 个答案: