添加的内容 删除的内容
小 (待春移动页面Qiuwen:图像的替代文字至Help:图像的替代文字) |
无编辑摘要 |
||
(未显示同一用户的2个中间版本) | |||
第1行: | 第1行: | ||
{{NoteTA|G1=IT}} |
|||
⚫ | |||
{{操作指南|H:ALT}} |
|||
⚫ | |||
替代文字([[ |
替代文字([[Alt屬性|alt属性]])是当图像或视频不被显示时作为一种替代输出。所有可视影像都应该输入替代文字,除非该图像仅仅是作为一种装饰,例如缩小成内文字体大小的旗帜图片。替代文字应该准确地描述影像中最重要的特征、它的焦点所在,而不是无筛选的列出所有细节。替代文字的主要受众是视力受损人士(先天或后天,[[失明]]或[[弱視|弱视]]),他们会使用[[輔具|辅助程序]]例如[[螢幕閱讀器|屏幕阅读器]]将alt属性的可读文字全部读出,让用户以聆听理解影像内容;纯文字网页浏览器或一般的浏览器也会在用家停止读取图像时在原位显示替代文字。 |
||
在 |
在求闻百科中,影像指令都是作为链接存在所以都应该输入alt属性,它在渲染影像(File:)的语法中是一个命名参数<code>alt=</code>,见下例: |
||
{| style="float:right; caption-side:bottom; border: 1px black solid; margin-left: 10px; margin-bottom: 10px; " |
{| style="float:right; caption-side:bottom; border: 1px black solid; margin-left: 10px; margin-bottom: 10px; " |
||
第14行: | 第16行: | ||
</nowiki></code></blockquote> |
</nowiki></code></blockquote> |
||
以[[ |
以[[国旗]]的首段为例,屏幕阅读器可能会读出:“链接 一面红色底 白色十字旗帜在空中飘扬 十字的直条较为靠向左边的旗杆 链接 丹麦的国旗是现今依然被官式使用中 最古老的国旗设计”。如果句法中缺乏了“alt=一面红色底……”这个输入,屏幕阅读器就可能会将之读成“file冒号Dannebrog点JAY PEE GEE”来权充alt属性,让看不到图片的读者无法了解旗帜的设计。 |
||
替代文字不是[[ |
替代文字不是文件[[Qiuwen:题注|题注]](caption,即是上例中“丹麦的国旗是……”的参数输入),替代文字是输出给看不到影像的读者用,题注则是给所有的读者阅读的。所以写作替代文字时应该侧重于描述影像中物体的外观,题注就用作解说影像想传达的意思和它与条目主题的关系。一个让编者自己思考怎样写出最有用的替代文字就是:想像自己在看不到影像的状态下会希望获得影像中包含着怎样的表面视觉信息。 |
||
== 目 |
== 目标 == |
||
虽然说替代文字是影像的替代品,但也只是个不完整的替代,或者说极其量的描述文字。所以写作替代文字的根本意义是:有总好过什么都没有,但前提是它提供的消息是有用的。由于不显示图片的浏览器一般都会先显示alt属性,后题注,所以编写源代码(纯渲染文件代码或设计显示影像的模板)时建议也跟随这个顺序。以下是取自[[托勒密二世]]的首段图像: |
|||
[[File:Oktadrachmon Ptolemaios II Arsinoe II.jpg |thumb |alt=一枚圓形金幣上刻著一對男女的上半身的右側。男的在金幣的前方,頭戴象征王位的布帶和身穿布衣。金幣的上方刻著希臘文ΑΔΕΛΦΩΝ。|托勒密王朝公元前3世紀的金幣上刻畫著的一對統治者:托勒密二世(前方)和其姊兼王后[[阿爾西諾伊二世|阿西诺亚二世]]。刻文「ΑΔΕΛΦΩΝ」(adelphon)在希臘語的意思是「兄弟姊妹」(属格)。]] |
[[File:Oktadrachmon Ptolemaios II Arsinoe II.jpg |thumb |alt=一枚圓形金幣上刻著一對男女的上半身的右側。男的在金幣的前方,頭戴象征王位的布帶和身穿布衣。金幣的上方刻著希臘文ΑΔΕΛΦΩΝ。|托勒密王朝公元前3世紀的金幣上刻畫著的一對統治者:托勒密二世(前方)和其姊兼王后[[阿爾西諾伊二世|阿西诺亚二世]]。刻文「ΑΔΕΛΦΩΝ」(adelphon)在希臘語的意思是「兄弟姊妹」(属格)。]] |
||
⚫ | |||
<blockquote><code><nowiki> |
|||
⚫ | |||
⚫ | |||
⚫ | |||
替代文字主要 |
替代文字主要对以下的状况起作用: |
||
* 利用[[螢幕閱讀器]]如{{link-en|JAWS (螢幕閱讀器)|JAWS (screen reader)|JAWS}}或{{link-en|Orca (輔助科技)|Orca (assistive technology)|Orca}},主要為視力受損的讀者 |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
* 利用[[螢幕閱讀器|屏幕阅读器]]如JAWS或Orca,主要为视力受损的读者 |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | 对于视力受损的读者而言,缺乏或参差的影像替代文字是他们在互联网上遇上的最大障碍<ref>{{cite journal |author=Lazar J, Allen A, Kleinman J, Malarkey C |year=2007 |title=What frustrates screen reader users on the web: a study of 100 blind users|journal=Int J Hum Comput Interact |volume=22 |issue=3 |pages=247–69 |doi=10.1080/10447310709336964 }}</ref>,2008年对维基百科的视障辅助调查就将“缺少影像替代文字是”列为众多缺憾的首位<ref>{{cite conference |author=Buzzi M, Leporini B |year=2008 |title=Is Wikipedia usable for the blind?|booktitle=Proc 2008 W4A |location=Beijing |pages=15–22 |doi=10.1145/1368044.1368049 }}</ref>。正如视力正常(或可矫正)的读者一样,视力受损的读者都有不同的需求,因此编者应该相应地提供这些对他们有用的文字。而在这些读者中出生时已经失去视力的其实占了很小的比例,大部分人都是因为其他后期因素,视力随着年龄而衰退例如得了[[老年性黃斑點退化症|老年性黄斑点退化症]],因此很大部分视力受损读者都能理解常用的外观和颜色描述用词。撰写容易理解的替代文字还可以优化网络搜索器的图片搜索结果,替代文字配合题注亦可以减少编辑条目时(特别是大条目)来回检查预览图片内容的麻烦。 |
||
⚫ | |||
⚫ | |||
== 圖片精髓 == |
== 圖片精髓 == |
||
{| class="wikitable" |
{| class="wikitable" |
||
|+ 捕捉 |
|+ 捕捉图片精髓 |
||
|width=auto rowspan=3| [[File:3 Savile Row.jpg|thumb|200px|alt=一棟聯排屋,地下那層外墻是石頭,中間的三層是紅磚,第四層頂樓是閣樓。每層都有四個窗戶,窗框都是白色的,除了地下那層有一扇大門代替了原本左邊第二窗戶的位置。| |
|width=auto rowspan=3| [[File:3 Savile Row.jpg|thumb|200px|alt=一棟聯排屋,地下那層外墻是石頭,中間的三層是紅磚,第四層頂樓是閣樓。每層都有四個窗戶,窗框都是白色的,除了地下那層有一扇大門代替了原本左邊第二窗戶的位置。|苹果唱片公司位于伦敦Savile街3号的原址,屋顶就是''Let It Be''的演出场所]] |
||
!colspan=2| |
!colspan=2|披头士的[[披头士乐队#1969|1969年]]一节 |
||
|- |
|- |
||
|width=120px| |
|width=120px| 参差的替代文字 || 一根小天线竖立于两栋建筑物的交接位。太阳照耀在天线的那边,街道上一个人都没有,除了在客货车中的一个阴暗的人影,那架客货车就泊在建筑物的前面。 |
||
|- |
|- |
||
| |
|较好的替代文字 || 一栋联排屋,地下那层外墙是石头,中间的三层是红砖,第四层顶楼是阁楼。每层都有四个窗户,窗框都是白色的,除了地下那层有一扇大门代替了原本左边第二窗户的位置。 |
||
|- |
|- |
||
|rowspan=3| [[File:Milia big.png|thumb|200px|alt=成年人的眼皮上起了一些極為細小的白色痘疤。|[[汗疹]]]] |
|rowspan=3| [[File:Milia big.png|thumb|200px|alt=成年人的眼皮上起了一些極為細小的白色痘疤。|[[汗疹]]]] |
||
!colspan=2|[[皮膚病列表]]中的一 |
!colspan=2|[[皮膚病列表|皮肤病列表]]中的一种 |
||
|- |
|- |
||
| |
| 参差的替代文字 || 汗疹的一种例子 |
||
|- |
|- |
||
| |
| 较好的替代文字 || 成年人的眼皮上起了一些极为细小的白色痘疤。 |
||
|} |
|} |
||
=== 人物肖像 === |
=== 人物肖像 === |
||
{| class="wikitable" |
{| class="wikitable" |
||
|+ 描述人物的外 |
|+ 描述人物的外观 |
||
|width=auto rowspan=3| [[File:Sun Yat-sen 2.jpg|thumb|200px|alt=一位表情認真的中年男人的頭到肩膀,長著薄薄的黑色短髮,上唇上流著白色的鬍子,身穿藍色的方領外衣。| |
|width=auto rowspan=3| [[File:Sun Yat-sen 2.jpg|thumb|200px|alt=一位表情認真的中年男人的頭到肩膀,長著薄薄的黑色短髮,上唇上流著白色的鬍子,身穿藍色的方領外衣。|孙中山肖像]] |
||
!colspan=2| |
!colspan=2|孙中山条目开端信息框中的肖像 |
||
|- |
|||
⚫ | |||
|- |
|||
⚫ | |||
|- |
|||
|rowspan=3| [[File:Milia big.png|thumb|200px|alt=|]] |
|||
!colspan=2| |
|||
|- |
|- |
||
⚫ | |||
| '''參差的替代文字''' || |
|||
|- |
|- |
||
⚫ | |||
| '''較好的替代文字''' || --> |
|||
|} |
|} |
||
第76行: | 第71行: | ||
{{reflist}} |
{{reflist}} |
||
== |
== 参考资料 == |
||
* {{cite web |url=http://www.w3.org/TR/ |
* {{cite web |url=http://www.w3.org/TR/WCAG21/ |title=Web Content Accessibility Guidelines (WCAG) 2.1 |accessdate= |publisher=W3C Web Accessibility Initiative |ref=CITEREFWAI2008a}} |
||
* {{cite web |url=http://www.w3.org/TR/WCAG20-TECHS/ |title= Techniques for WCAG 2.0 |date=2008-12-11 |accessdate=2009-07-06 |publisher=W3C Web Accessibility Initiative |author=Caldwell B, Cooper M, Guarino Reid L ''et al.'' (eds.) |ref=CITEREFWAI2008b }} |
|||
{{-}} |
|||
== 輔助工具 == |
|||
{{帮助页面}} |
|||
* [http://toolserver.org/~dispenser/cgi-bin/altviewer.py Alternative.py],用以debug條目中的alt與link屬性參數 |