恰当使用替代文字

语境为王
为图片提供合适替换文字时,语境为王。不同语境中,图片的替换文字会完全不一样。以乔治.华盛顿图片为例:
在不同语境中,该图片替换文字会需要很大调整。如下所示。
注意
为了更好说明替换文字原则,本文讨论的大部分图片都是“实例图片”。但是图片内容通常由网页语境说明。
例1
由于担任美国独立战争总司令,然后又成为美国第一任总统,乔治.华盛顿常被称为“国父”。
例1图片的替换文字应该是什么?
A.“乔治.华盛顿图片”
B.“乔治.华盛顿,美国第一任总统”
C.空“alt”属性(alt=””)就足够。
D.“乔治.华盛顿”
确定图片的合适替换文字时,首先要确定图片代表内容还是某种功能。大多数情况下,如果图片包含在某个链接内,它可能只有功能作用。确定图片是否代表内容、代表的内容是什么会更难。如果图片所表达的内容包含在图片周围文本内,那么空“alt”属性就足够。上例中,这张图片所代表的内容告诉用户这是乔治.华盛顿。这个图片没有功能作用,因为不是链接,也不可点击。
来看一些有关“alt”属性的重要原则。
重要
“alt”属性应该:
准确、等价显示图片所代表的相同内容和功能;
简洁。图片的正确内容(如果是内容)和功能(如果是功能)应该尽可能简洁表达。通常情况下,几个词即可,但有时一两个短句也可以。
不要多余,提供的信息和图片语境文字完全一样。
不要使用“…图片”这类短语描述图片。对于用户来说,很明显,它就是图片。如果图片表达的是内容,与正文相比,通常没必要让用户知道这就是表达内容的图片。
根据以上原则,选项D (乔治.华盛顿)是本例最佳答案。选项A多余说明图片是图片。选项B 过多介绍了图片本身不包含的内容,同时多余提供了文本内容。选项C (空alt 属性)不合适,因为图片传答的内容周围文字没有直接提供。
例2
乔治.华盛顿
由于担任美国独立战争总司令,然后又成为美国第一任总统,乔治.华盛顿常被称为“国父”。
例2图片的替换文字应该是什么?
A.“乔治.华盛顿”
B.空“alt”属性 (alt=””)就足够了
C.“图片”
D.不需要“alt”属性。
本例中,图片内容在周围内容中显示,所以选项B(alt=“”)是最好选项。选项A有点冗余。选项C提供了无关信息。选项D根本就不正确—-每张图片都必须有“alt”属性。
例3
乔治.华盛顿
例3图片的替换文字应该是什么?
A.空“alt” (alt=””)就足够了
B. “乔治.华盛顿的维基百科条目”
C.“查看更多”
“乔治.华盛顿”这种情况下,图片还是链接。图片包含在链接的情况下,图片的链接功能必须体现在替换文字中,同时,这些替换文字也包含在链接内。本例中,链接内没有邻近文字来描述链接功能,它就必须在“alt”属性中体现出来。选项B是最佳选择。而“alt”属性中的“乔治.华盛顿”这个词就显得多余,小冗余是充分描述功能的关键。也可以(也可能应该)通过把文本标题作为链接一部分来减少冗余。
选项A不充足。带链接的图片的“alt”属性不能为空或被赋予空值,除非链接功能通过文本提供了相同链接。这是因为屏幕阅读器必须读取信息识别链接。请记住,屏幕阅读器读取的信息会脱离周围语境。选项C没有充分描述功能,特别是脱离了语境。对于周围文本,选项D多余,也没有描述链接功能。
如有可能,“alt”属性应当避免使用“链接到”或“点击这个图片”等类似文字。链接作为链接被阅读器读取,它应该能被视障用户清晰看到。

发表评论

电子邮件地址不会被公开。 必填项已用*标注