恰当使用替换文字

原文:Appropriate Use of Alternative Text
翻译:xueshijun
简介
为图片添加替换文字(alternative text 或alt text)是网站可达性首要原则,也最难恰当应用。互联网充满没有替换文字、文字很差、甚至错误的图片。与网站可达性众多问题一样,判断替换文字是否合适,个人因素起着决定作用。这篇文章通过一些例子来说明我们对恰当使用替换文字的经验。
替换文字基础
替换文字对网页中的非文本内容替换为文本。为了讨论方便,我们只讨论图片的替换文字,当然这些原则也适用于多媒体、applets和其他非文本网页内容。
替换文字有多种功能:
替换文字可以被屏幕阅读器读取,方便有视障或认知障碍的用户浏览图片内容,或者执行图片提供的功能。
如果用户代理(浏览器)不支持图片显示,或者用户设置浏览器不显示图片,替换文字会合适显示图片。
替换文字对图片提供语义含义和描述,这些文字被搜索引擎读取,或者被用来从页面语境来确定图片内容。
电脑和屏幕阅读器不能分析和确定图片表达的意思,这是关键问题。开发人员必须从网站内容给用户提供代表图片内容和功能的文字。
替换文字能够通过两种方式显示:
在“img”元素的“alt”属性内;
在图片自身语境或其周围语境。
这说明, “alt”属性(有时称为“alt”标签,虽然从技术上来说不正确)在提供图片内容和功能方面并不是唯一方法。这种信息还可以通过图片邻近的文本或图片页面体现出来。某些情况下,如果不能简洁显示这些同等信息,可以用链接或(和)“longdesc”属性表达,“longdesc”属性可以链接到包含较长图片文字描述的单独页面。
重要
本文使用的术语“替换文字”指与图片等同的文字,无论文字显示在哪里,它不仅限指图片标签的“alt”属性。提到属性本身,“alt”属性就派上用场了,它经常包含“替换文字”(但不是绝对的)。
每张图片都必须有“alt”属性。这是HTML标准的要求。没有“alt”属性的图片不可达。遇到没有“alt”属性的图片,屏幕阅读器从页面内容读取内容(例如文件名、页面中的位置),摘录信息,尽量给用户提供对等内容。很多情况下,图片“alt”属性可能为空或被赋空值(例如alt=“”)。