哪些alt文本最适合屏幕阅读器,例如“微笑的孩子”?

时间:2010-03-18 03:53:20

标签: xhtml usability accessibility screen-readers

对于一个微笑着坐在花园里的孩子的照片,哪个好写ALT文字?

alt="Photo of smiling kid sitting in the garden"

或者

alt="Photo of smiling kid"

或者

alt="Smiling kid sitting in the garden"

或者

alt="Smiling kid"

我的目的是提出这个问题,我想知道我们是否应该在每个替代文字中加入“照片...”以及我们应该用替代文字描述这张照片的多少。

4 个答案:

答案 0 :(得分:9)

这取决于上下文,但在不遗漏重要信息的情况下尽量缩短。作为一个屏幕阅读器用户,我喜欢简短的替代文字,所以我不必听很多无意义的描述。 alt =“微笑的孩子的照片”太长了。大白鲨宣布它正在阅读一个图形,所以alt =“微笑的孩子”会更好,因为它保存了两个我不必听的字。只放信息在alt标签中很重要。例如,如果孩子在花园里的事实并不重要,请不要将其放在alt标签中。如果孩子在花园里的事实是读者必须知道的关键信息然后把它放在alt标签中。

答案 1 :(得分:3)

根据经验,如果您通过“手机”向某人阅读该页面,替代文字应该是您所说的。

一张图片胜过一千字,但只有其中一些字在上下文中很重要。相同的图像将根据其使用的上下文具有不同的替代内容。例如,在照片库网站上,图像是主要内容,并且图像的描述将是适当的。用于在文章上创建情绪的相同图像不会贡献任何实际内容,因此alt=""会更好。

使用Lynx测试您的网页,这是一种非常好的方法,可以查看您是否需要更改替代文字,因为它不会传达您需要传达的所有内容,或者在上下文中没有意义。

我认为必读的已故,伟大的Alan Flavell wrote an excellent article on the subject

答案 2 :(得分:2)

为什么不按照标准? WCAG 2.0准则“1.1.1非文本内容”表示对于用于装饰或格式化目的的内容(例如图像),它们应该以辅助技术(例如屏幕阅读器)可以忽略它的方式实现。如果“微笑的孩子”是装饰性的,那么使用空的alt =“”属性。

http://www.w3.org/WAI/WCAG20/quickref/#text-equiv-all

答案 3 :(得分:0)

它真的在这里,也在那里。 alt文本应该描述图像显示的内容,并且可能会受到页面上文本的支持,但是您需要达到的详细程度由您决定。