帮助:图像的替代文字

本页使用了标题或全文手工转换,现处于中国大陆简体模式
帮助页面

替代文字(alt属性)是当图像或视频不被显示时作为一种替代输出。所有可视影像都应该输入替代文字,除非该图像仅仅是作为一种装饰,例如缩小成内文字体大小的旗帜图片。替代文字应该准确地描述影像中最重要的特征、它的焦点所在,而不是无筛选的列出所有细节。替代文字的主要受众是视力受损人士(先天或后天,失明弱视),他们会使用辅助程序例如屏幕阅读器将alt属性的可读文字全部读出,让用户以聆听理解影像内容;纯文字网页浏览器或一般的浏览器也会在用家停止读取图像时在原位显示替代文字。

在求闻百科中,影像指令都是作为链接存在所以都应该输入alt属性,它在渲染影像(File:)的语法中是一个命名参数alt=,见下例:

如果你使用普通的图像浏览器而想阅读图像的替代文字,指示你的浏览器显示图像的属性。
一面红色底、白色十字旗帜在空中飘扬,十字的直条较为靠向左边的旗杆。
丹麦国旗是现今依然被官式使用中、最古老的国旗设计。

[[File:Dannebrog.jpg |thumb |alt=一面紅色底、白色十字旗幟在空中飄揚,十字的直條較為靠向左邊的旗桿。|[[丹麥]]的[[丹麦国旗|國旗]]是現今依然被官式使用中、最古老的[[國旗]]設計。]]

国旗的首段为例,屏幕阅读器可能会读出:“链接 一面红色底 白色十字旗帜在空中飘扬 十字的直条较为靠向左边的旗杆 链接 丹麦的国旗是现今依然被官式使用中 最古老的国旗设计”。如果句法中缺乏了“alt=一面红色底……”这个输入,屏幕阅读器就可能会将之读成“file冒号Dannebrog点JAY PEE GEE”来权充alt属性,让看不到图片的读者无法了解旗帜的设计。

替代文字不是文件题注(caption,即是上例中“丹麦的国旗是……”的参数输入),替代文字是输出给看不到影像的读者用,题注则是给所有的读者阅读的。所以写作替代文字时应该侧重于描述影像中物体的外观,题注就用作解说影像想传达的意思和它与条目主题的关系。一个让编者自己思考怎样写出最有用的替代文字就是:想像自己在看不到影像的状态下会希望获得影像中包含着怎样的表面视觉信息。

目标

虽然说替代文字是影像的替代品,但也只是个不完整的替代,或者说极其量的描述文字。所以写作替代文字的根本意义是:有总好过什么都没有,但前提是它提供的消息是有用的。由于不显示图片的浏览器一般都会先显示alt属性,后题注,所以编写源代码(纯渲染文件代码或设计显示影像的模板)时建议也跟随这个顺序。以下是取自托勒密二世的首段图像:

一枚圆形金币上刻着一对男女的上半身的右侧。男的在金币的前方,头戴象征王位的布带和身穿布衣。金币的上方刻着希腊文ΑΔΕΛΦΩΝ。
托勒密王朝公元前3世纪的金币上刻画着的一对统治者:托勒密二世(前方)和其姊兼王后阿西诺亚二世。刻文“ΑΔΕΛΦΩΝ”(adelphon)在希腊语的意思是“兄弟姊妹”(属格)。

[[File:Oktadrachmon Ptolemaios II Arsinoe II.jpg |thumb |alt=一枚圓形金幣上刻著一對男女的上半身的右側。男的在金幣的前方,頭戴象征王位的布帶和身穿布衣。金幣的上方刻著希臘文ΑΔΕΛΦΩΝ。|托勒密王朝公元前3世紀的金幣上刻畫著的一對統治者:托勒密二世(前方)和其姊兼王后[[阿爾西諾伊二世|阿西诺亚二世]]。刻文「ΑΔΕΛΦΩΝ」(adelphon)在希臘語的意思是「兄弟姊妹」(属格)。]]

替代文字主要对以下的状况起作用:

  • 利用屏幕阅读器如JAWS或Orca,主要为视力受损的读者
  • 利用纯文字浏览器如Lynx(因为光顾低速或按流量收费的ISP浏览网页)
  • 因为网络迟缓而未能成功下载到影像
  • 阅读网络搜索器的搜查结果
  • 复制整份网页内容到文字处理软件

对于视力受损的读者而言,缺乏或参差的影像替代文字是他们在互联网上遇上的最大障碍[1],2008年对维基百科的视障辅助调查就将“缺少影像替代文字是”列为众多缺憾的首位[2]。正如视力正常(或可矫正)的读者一样,视力受损的读者都有不同的需求,因此编者应该相应地提供这些对他们有用的文字。而在这些读者中出生时已经失去视力的其实占了很小的比例,大部分人都是因为其他后期因素,视力随着年龄而衰退例如得了老年性黄斑点退化症,因此很大部分视力受损读者都能理解常用的外观和颜色描述用词。撰写容易理解的替代文字还可以优化网络搜索器的图片搜索结果,替代文字配合题注亦可以减少编辑条目时(特别是大条目)来回检查预览图片内容的麻烦。

既然是写作文字就小不免需要运用到编者本身的判断力,本页以下的章节将会教导怎样去作这个判断,一切都是为了宣扬营造无障碍环境网页亲和力的良好习惯,为无障碍工程提供协助和指引,它适用于全部的图像,包括编排在列表、模板或画廊中的一切图片和视频。虽然声音档理应都要附上替代文字,但它不是本指引的重点。

图片精髓

捕捉图片精髓
一栋联排屋,地下那层外墙是石头,中间的三层是红砖,第四层顶楼是阁楼。每层都有四个窗户,窗框都是白色的,除了地下那层有一扇大门代替了原本左边第二窗户的位置。
苹果唱片公司位于伦敦Savile街3号的原址,屋顶就是Let It Be的演出场所
披头士的1969年一节
参差的替代文字 一根小天线竖立于两栋建筑物的交接位。太阳照耀在天线的那边,街道上一个人都没有,除了在客货车中的一个阴暗的人影,那架客货车就泊在建筑物的前面。
较好的替代文字 一栋联排屋,地下那层外墙是石头,中间的三层是红砖,第四层顶楼是阁楼。每层都有四个窗户,窗框都是白色的,除了地下那层有一扇大门代替了原本左边第二窗户的位置。
成年人的眼皮上起了一些极为细小的白色痘疤。
汗疹
皮肤病列表中的一种
参差的替代文字 汗疹的一种例子
较好的替代文字 成年人的眼皮上起了一些极为细小的白色痘疤。

人物肖像

描述人物的外观
一位表情认真的中年男人的头到肩膀,长著薄薄的黑色短发,上唇上流着白色的胡子,身穿蓝色的方领外衣。
孙中山肖像
孙中山条目开端信息框中的肖像
参差的替代文字 一张彩色肖像画,背景色是灰色到黄色,画中人物的头部微微面向右面。
较好的替代文字 一位表情认真的中年男人的头到肩膀,长著薄薄的黑色短发,上唇上留着白色的胡子,身穿蓝色的方领外衣。

脚注

  1. Lazar J, Allen A, Kleinman J, Malarkey C. What frustrates screen reader users on the web: a study of 100 blind users. Int J Hum Comput Interact. 2007, 22 (3): 247–69. doi:10.1080/10447310709336964. 
  2. Buzzi M, Leporini B. Is Wikipedia usable for the blind?. Proc 2008 W4A. Beijing: 15–22. 2008. doi:10.1145/1368044.1368049. 

参考资料