查看旧版所有文章

有风的日子,网页设计爱好者的家园

旧版

您现在访问的是有风的日子旧版!新版地址为:http://www.hellowind.com
有风的日子现已全面升级!新标识,新域名,新架构,新布局,新平台,不变的承诺——有风的日子,网页设计爱好者的家园
为网页设计、平面设计、多媒体设计及摄影爱好者提供资讯、博客、相册、论坛等多方位服务...

确保网页的可访问性

来源:ZDNet China    发表于2005-2-17 9:43:50

关键字:HTML, 可访问性

美国国会于1998年修改了康复法案(Rehabilitation Act),将第508节纳入其中,它要求联邦机构要让他们的电子和信息技术能为残疾人士所用。加入第508节是为了获取对信息技术的使用权以及通过利用智力来鼓励新技术的发展。对网络开发者来说,这意味着要遵守W3C管辖下的网页可访问性倡议Web Accessibility Initiative (WAI)提出的指南。

这个指南详细说明了内容开发者如何确保网页的可访问性。它包括了一系列开发人员用来实现设计可访问性的检查点。这个检查点清单按优先级分为以下几个部分:

第一优先级:网络开发人员必须满足检查点,否则可访问性要求根本无法达到。

第二优先级:网络开发人员应该满足检查点,否则可访问性要求不能达到。

第三优先级:网络开发人员可以满足检查点,否则可能难以实现可访问性。

你可以点击这里找到完整的检查点列表。

基本上说,大部分具有可访问性的应用程序可以容易识别需要一个开始标签和结束标签的HTML。而且,任何映像或其他标签可以通过HTML 4.0 TITLE属性来定义。

对于像类型单选框或复选框的这样的内在输入控件来说,你可以使用LABEL元素将文本和另一元素连接在一起。

<INPUT TYPE="radio" VALUE="1" ID="opt1"><LABEL FOR="opt1">This is the first option.</LABEL>

对任何需要鼠标点击的地方,你应该用A元素。如果你想在脚本中抓取鼠标点击,在别的条件上执行一个命令,你可以将A元素上的HREF属性设置为"#",或如果在Internet Explorer中,在事件处理器将window.event对象上的returnValue属性设置为"false"

客户端图像映射比服务端图像映射更受到欢迎,因为客户可以识别每个区选择。为了让它更容易,在每个选择区的周围设置<A>,这样用户只要敲击[ENTER]键就可以激活图像映射区。

在Internet Explorer中,如果你没有将TABINDEX设置为0,你可以设置一下,这样元素可以接受到焦点,从而进一步实现可访问性。

下面是一个没有遵守可访问性指南的简单网页的例子:

. . .
<B>Please choose your animal:</B><BR>
<INPUT TYPE="radio" NAME="optAnimal">Bear<BR>
<INPUT TYPE="radio" NAME="optAnimal">Goat<BR>
<INPUT TYPE="radio" NAME="optAnimal">Cat<BR>
<INPUT TYPE="radio" NAME="optAnimal">Dog<BR>
. . .

其主要思想就是,用户可以选择上面所列四种动物的其中之一。为了让这个网页具有可访问性,需要一种方法来区分四种选择。下面是一个可访问形式的例子:

. . .
<B>Please choose your animal:</B><BR>
<INPUT TYPE="radio" NAME="optAnimal" ID="opt1"><LABEL FOR="opt1">Bear</LABEL><BR>
<INPUT TYPE="radio" NAME="optAnimal" ID="opt2"><LABEL FOR="opt2">Goat</LABEL><BR>
<INPUT TYPE="radio" NAME="optAnimal" ID="opt3"><LABEL FOR="opt3">Cat</LABEL><BR>
<INPUT TYPE="radio" NAME="optAnimal" ID="opt4"><LABELFOR="opt4">Dog</LABEL><BR>. . .