添加空alt =“”有什么好处?应该使用哪个alt这个alt =“”或alt =“”?

时间:2010-01-28 09:52:48

标签: xhtml accessibility screen-readers

添加null alt =“”有什么好处?只是通过验证或它有更多的理由

它应该怎么写?

像这样,没有空间

alt=""

或带有一个空格的

alt=" "

4 个答案:

答案 0 :(得分:6)

验证您的XHTML。 alt是图像的必需属性。

然后将它添加为空是一个程序员懒惰的表现(尽管我承认我也是为那些不像小装饰元素那样对网站导航不起作用的图像等等)。

P.S。如果你有装饰元素,如阴影组件,某些装饰品,你可以添加它们不是图像,而是作为CSS背景,从而避免编写替代文本和保持标记清理非内容的东西。

答案 1 :(得分:5)

其他答案已经指出了标准中的要求。这是一个实际的例子:

给定空白替代文字,lynx将呈现:

  

如果缺少alt属性,lynx将呈现:

  

filename.jpg

您不希望自己的内容中包含分散在其中的无关文件名。

答案 2 :(得分:3)

对于没有合适替换文本的图像(即不带任何语义的图片,例如装饰元素),alt属性应为空。空意义为空,不是一个空格(这是一个惯例和推荐,但是很好)。

  

必须为altIMG元素指定AREA属性。它是INPUTAPPLET元素的可选项。

     

虽然替代文字可能非常有用,但必须小心处理。作者应遵守以下准则:

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

实施者应参阅有关辅助功能的部分,以获取有关如何处理省略替换文本的情况的信息。

     

- HTML 4 specification. Section 13.8 How to specify alternate text

答案 3 :(得分:0)

我也会将此作为答案添加(最初是对另一个答案的评论),因为这样做是有道理的。

用于样式化页面的图像(因此没有真正的“alt”用法)应该通过CSS和background-image及其亲属插入,而不是通过标记插入。这样你就可以同时做两件好事。您将设计保留在样式表中,并将非语义代码保留在页面之外。

虽然我认为“语义是上帝” - 运动未能看到div和span的失败,以及它们产生的固有歧义,我仍然认为背景图像的div比img标记更好样式。