随着Web 2.0的日渐普及，Web 2.0应用程序的可访问性对开发者提出了越来越高的要求，应用程序可访问性是指为残障人士扫除使用障碍。在使用电脑时，有些用户也许无法看见或无法移动鼠标，或者会面临很多其他困难。

IBM在产品的可访问性方面有着悠久的历史；让应用程序能够被最广泛的客户群使用具有良好的商业意义。因此，IBM承诺将支持世界级规范和标准的技术带给残障人士。

附加测试，也称为可访问性验证测试（AccessibilityVerificationTesting，下文简称为AVT），被用于确保产品符合这些可访问性标准。AVTChecklist是一个检查点列表，支持可访问性的产品需要遵守这个列表。该列表是根据世界级可访问性标准生成的，如USsection508和W3CWebContentAccessibilityGuidelines（下文简称WCAG）。在本文中，我们将通过一些简单的例子来解释检查列表中一些基本的、重要的项目。我们将分享如何对一个Web 2.0产品规划和执行AVT的最佳实践。

背景

WAI-ARIA（下文简称ARIA），即AccessibleRichInternetApplicationsSuite，开发出一种方式使网络内容更易于残障人士访问。它让AsynchronousJavaScript+XML(Ajax)、JavaScript或其它技术开发出的动态内容尤其易于使用。特别是，WAI-ARIA提供了一个框架用于添加属性来识别用户交互的特点、它们互相如何关联以及它们的当前状态。在以下的例子中，您将看到，大多数属性是特定于WAI-ARIA的。

关于AVT的例子及信息都基于我们对Web 2.0应用程序的测试，支持Firefox3浏览器和JAWS10，因为有些属性，例如WAI-ARIA标记，只有使用特定的组件组合才能看到。

可访问性检查列表的关键要素

那么，究竟哪些技术被认为是与可访问性相关的技术？可访问性检查列表有几条关键原则：

◆输入方式可选择：键盘、鼠标、语音，以及用于残障人士的设备；
◆输出方式可选择：显示、声音、打印，以及将图像提示转换成声音的用户界面元素；
◆一致性和灵活性：与颜色、字体等用户设置保持一致。

这些原则是可访问性检查列表的基础。在本文中，我们将重点放在Web 2.0应用程序的可访问性，因此我们讨论Web应用程序检查列表。Web应用程序应该符合检查列表以便残障人士能够使用。这些例子将包含一些基本的要点以及经常出现问题的方面。

1.替换文本：所有非文本内容均应有对应的文本内容

有些浏览器不支持图片，因此一些视力受损的用户看不到图片。因而为所有的图片提供替代文本就尤为重要，这能使所有用户都了解其信息。有了替代文本后，屏幕阅读器之类的辅助技术就可以以另一种方式传达图片的内容，根据WCAGSC1.1.1指南描述，所有非文本内容都应有alt文本属性。冗余的图片可将alt值设置为空，但有意义的图片应用有意义的语句设置。替代文本应当准确、简明。如下所示：

 
图1.非功能图片

1.1 非功能图片的alt内容为空

图1显示的是优先级设置。在词语“高优先级”和“中等优先级”前的红色和绿色标志图标，其实与词语意思相同，因此这些图标就是非功能性的或者说是冗余的。如检查列表1.1指出的，您应当将图标的alt属性设为空值。清单1显示了相应的HTML代码。

清单1.非功能图片的代码

<imgclassimgclass="lconnSpritelconnSprite-iconPriorityMedium16" 
alt=""src="/activities/javascript/dojo-ibm/dojo/resources/blank.gif"/> 
 

1.2 功能性/重要图片的alt包含有意义的内容

图2显示的是用户的信息卡。卡上的照片是重要的图片，因此其alt属性应包含有意义的描述。清单2显示的是HTML代码。

 
图2.重要的图片

清单2.功能图片的代码示例    

<imgheightimgheight="35"width="35"alt="Profilephoto" src="http://lc40.cn.ibm.com:9082/profiles/photo.do?userid=  
CFDFB8C1-7082-428F-97EF-9E274BDE3F68"/> 
 

图3是另一个关于功能图片的例子。“myactivity”前面的闪电图标代表活动的优先级，它旁边没有文字描述，因此alt属性应被设为有意义的文字以告诉用户该图片的作用。

 
图3.功能图片

清单3.另一个功能图片的代码示例    

<imgclassimgclass="lconnSpritelconnSprite-iconActivities16"dojoattachpoint="icon_AP"  
src="/activities/javascript/dojo-ibm/dojo/resources/blank.gif" 
alt="NormalPriority(Default)"/> 
 

1.3 对于多媒体应使用文字记录描述其内容

图4是视频文字记录的例子。Web 2.0应用程序通常都会提供多媒体内容，有些甚至可以与用户交互。视力受损的用户感觉不到这些信息，因此，应该有代替的方法能使残障用户了解其内容。在图4中，内容下方有文字记录链接，用户可以通过阅读文字记录了解视频信息。

 
图4.多媒体的文字记录