网站508规范(译)(2)
作者:kllb520 来源:蓝色理想 时间:2008-04-03 13:26:00
<a>一个文本应该等同每个非文本元素
<a>一个文本应该等同每个非文本元素(例如,通过"alt" , " longdesc " ,或元素内容)。
是什么意思,一个文本等同?
一个文本等同就是为非文字的元素提供文本解释。这一条款规定,当一个图像显示航行的行动,如"移动到下一个屏幕"或"回到网页顶部的"的图片必须加上文字的提示。这项规定还要求,当一个图片是用来代表网页的内容,图象必须有文字说明随同它解释了含义。
HTML源代码:
<img src="art/logo-green.gif" alt="Access Board Logo" />
一个文本等同应该显示多少信息呢?
文本信息与非文本内容应该尽可能传达相同的信息,作为其伴生元素。举例来说,当一个图像显示了一项行动,这项行动必须描述在文本中。该类型的非文本的内容,要求实际文本的描述仅限于那些内容,为理解的内容提供必要的资料,或用来协助导航。网页作者通常利用透明图形为间隔。加上文字说明,以这些内容将导致屏幕阅读器的用户产生不必要的干扰。对于这样的图形,一个空的alt属性是有益的。
例如源代码:
<img src="transparent.gif" alt="" />
非文字元素是什么意思?
一个非文本元素是一个图像,图形,音效剪辑,或其他能通过图片或声音传达信息的特征。例子包括按钮,复选框,图片和嵌入式或流式音频或视频。
HTML源代码:
<img src="art/logo-green.gif" alt="Access Board Logo" />
应该怎样对待音频演示?
这一条款规定,当音频演示内容出现在一个多媒体网页,音频部分必须加上说明。 Audio是一个非文本元素,如果Audio是一个多媒体网页的组成部分,则必须加以文字说明,多媒体包括音频和视频。如果网页只有音频,全文用文字描述就可以满足这一要求。
有什么办法给元素加上文本?
有几种方法提供的文字信息,用辅助技术他将被识别。举例来说,<IMG>标签,可以识别"alt"属性,这可以使一个网络设计师将一个描述图片的文本直接插入到<IMG>标签中。
的HTML源代码:
<img src=”image/ab_logo1.gif” alt=”The Architectural and Transportation Barriers Compliance Board emblem-Go to Access Board website” />
同样, <applet>标签为Java应用程序也识别"alt"属性,但它只是为支持Java的浏览器提供 。很多时候,使用者以较慢的网际网路连线,将转而支持Java applets。更好的文本替代方法,是将文本直接插入关闭和打开的<applet>或<object>标签。举例来说,如果一个网络设计师要把一个名为mycoolapplet的Applet加在网页中,还包括描述该Applet的文本显示"the applet shows a stock ticker displaying the current price of various stocks",设计师将使用下列的HTML编码,例如:
<APPLET CODE="MyCoolApplet.class" WIDTH="200", HEIGHT="100"> This applet displays current stock prices for many popular stocks. </APPLET>
最后,但另一种方式提供的文本提示,是把它放在所提示内容的周围:
<p>下面是一张照片,我在进行伟大休假!</p><img src="pictureofme.jpg" />