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

<div　class="dijitDialog">　
　<div　dojoAttachPoint="titleBar"　class="dijitDialogTitleBar"　tabindex="0"　
　　waiRole="dialog">　
　　<span　dojoAttachPoint="titleNode"　class="dijitDialogTitle">${title}</span>　
　　<span　dojoAttachPoint="closeButtonNode"　class="dijitDialogCloseIcon"　
　　dojoAttachEvent="onclick:　hide">　
　　　<span　dojoAttachPoint="closeText"　class="closeText">x</span>　
　　</span>　
　</div>　
　<div　dojoAttachPoint="containerNode"　class="dijitDialogPaneContent"></div>　
　<span　dojoAttachPoint="tabEnd"　dojoAttachEvent="onfocus:_cycleFocus"　tabindex="0">　
　</span>　
</div>　

这些都是 Dojo 的组件的内建功能，但是如果想利用 Dojo 开发自己的支持 ARIA 的小组件，Dojo 依然提供了帮助。最简单的：

您可以使用 dijit.wai.setWaiRole 来为某个 DOM 节点设置角色信息。

您也可以使用 dijit.wai.setWaiState 来为某个 DOM 节点设置状态信息。

当然您还需要阅读一下 WAR-ARIA 的规范说明，除此之外您无须担心其他，Dojo 会为您搞定其他，包括 Firefox 高低版本浏览器对 ARIA 支持的差异，名称空间等等。

支持高对比度的显示模式

某些弱视的群体，可能是色盲患者，经常需要调整操作系统的颜色设置来达到高对比度的效果。

而在 Web 程序中，由于大量使用了图片元素传达信息，这些用户可能对识别这些图片颜色感到困难，所以也可能选择关闭这些图片的显示，而仅仅依赖于图片的提示说明文字（比如说图片 <image> 标记的 alt 属性）。但是在 Web 程序中，由于图片之前占据了页面中的某些个位置，禁用这些图片将导致网页信息不完整，用户得不到相关的信息。