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