在某些情况下,对于html img标签,alt =""是否合适？

Question

我们有一个关于Web可访问性合规性的项目.从发布开始大约一周后,我们让无障碍委员会审查我们的网站,以给予最后的赞许.然而,他们向我们报告说,我们应该在我们的一些图标上设置alt ="",因为它们不向网站提供任何额外的内容,因此仅仅分散了屏幕阅读器的注意力,但没有产生任何好处.

1. 它是否正确？
2. 我的印象是alt是img的必需属性？在img标签上确定alt =""将包含alt属性,但这是否有效？

评论表示赞赏.

Answer 1

如果图标提供任何功能(用户可点击或其他),我建议设置描述性alt值.如果它们只是装饰性的,那么它alt=""是有效的.

从标准:

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

• 在包含用于格式化页面的图像时,请勿指定不相关的替代文本,例如,alt ="red ball"将不适合添加红色球来装饰标题或段落的图像.在这种情况下,备用文本应为空字符串("").无论如何,建议作者避免使用图像来格式化页面; 应该使用样式表.
• 不要指定无意义的替代文本(例如,"虚拟文本").这不仅会使用户感到沮丧,还会减慢必须将文本转换为语音或盲文输出的用户代理.

Answer 2

根据这个来源:http://msdn.microsoft.com/en-us/library/ms228004( v = VS.100).aspx# guideline_11__providing_alternate_text_for_images省略alt属性会使一些屏幕阅读器发出文件名并分散用户的注意力,这就是建议将alt设置为空字符串的原因.

Answer 3

alt如果您希望代码通过验证,则始终需要该属性,但该alt属性不必具有值.

如果您正在使用图像进行页面修饰(例如,对于不支持CSS3的浏览器使用圆角或阴影),这些图像应该在CSS中,而不是在<img>html中的内部标记中.但是,有些情况下,您可能会将图像作为实际图像包含在html中,即使没有有意义的方法来描述它们用于屏幕阅读软件.在这种情况下,w3.org说它可以使用alt="".1

1:http://www.w3.org/QA/Tips/altAttribute