使用 Dojo 开发支持 Accessibility 的 Web 应用

核心提示： 对于 Ajax 形式的 Web 程序，这个可能尤为重要，使用 Dojo 开发支持 Accessibility 的 Web 应用(6)，因为内容可能时时都在发生变化，对于动态生成的内容，Dojo 提供的 widget 均已内建 ARIA 的支持，比如说对话框控件，我们也不应该为读屏软件的工作设置障

对于 Ajax 形式的 Web 程序，这个可能尤为重要，因为内容可能时时都在发生变化。对于动态生成的内容，我们也不应该为读屏软件的工作设置障碍，主动设置好这些辅助信息是一个好习惯。

支持 ARIA

基本的读屏支持是通过读屏软件阅读 HTML 元素给出的 title，label，标准表单元素的选中（checked, unchecked）信息来实现的，而目前富因特网应用越来越多的使用一些自定义的，模拟桌面 GUI 程序的 Web widget 小组件来增强 Web 应用程序的交互，例如 dojo 自带的对话框 Dialog 模态对话框，以及模拟桌面程序的下拉菜单等等。由于这些带有某种模拟性质的页面节点，读屏软件是不能了解其真正的含义的，读屏软件还是只能去阅读其中的一些诸如 title，label 等信息，很难让弱视的用户获得和普通用户一致的感受。

ARIA 是为了解决类似以上这种问题的标准协议：它的全称是“W3C Web Accessibility Initiative Accessible Rich Internet Applications (WAI-ARIA) Roadmap”，目前应该说还在完善中。并且诸如 IE 这样的浏览器还是不支持的，Firefox 浏览器支持的比较好。它定义了一系列附加的属性（角色 Roles 和状态 State），来支持描述页面上的这类事物。通过为 HTML 的 DOM 节点，比如一个 div 标记设置角色以及状态的信息，然后通过读屏软件的支持，来阅读出当前所访问的是什么东西，并且它处于什么样的状态，从而达到 Accessibility。比如对话框 Dialog，通过设置在 div 上的角色信息，用户能够知道当前访问的是一个对话框，并且能通过设置在 div 上的状态信息，得知这个对话框目前的状态等等。

Dojo 提供的 widget 均已内建 ARIA 的支持。比如说对话框控件， Dialog：在标示 titleBar 的 div 节点上定义了 waiRole = "dialog"; 如果使用 Firefox 以及读屏软件比如 Windows-Eyes 的用户就能明白当前是一个对话框。