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

核心提示： 页面导航和键盘支持用户在浏览网页的时候，经常需要与网页进行一系列的交互操作，使用 Dojo 开发支持 Accessibility 的 Web 应用(3)，比如，点击链接，并且用户再使用 Tab 键导航，则不应该跳出这个模拟的模态 Dialog 的范围，输入表单信息，点击按钮等等

页面导航和键盘支持

用户在浏览网页的时候，经常需要与网页进行一系列的交互操作，比如，点击链接，输入表单信息，点击按钮等等。大部分的用户相当依赖于鼠标来进行这些工作，鼠标能够精确定位页面上任意一处地方，并且通过点击左键、中键、右键等来触发相应的操作。但是这些鼠标的操作对于某些残障人士来说是很困难的，他们很大程度上更加依赖于键盘的操作，尤其是 Tab、Enter、方向键等键值。其中最重要的可能是 Tab 键了，Tab 键主要用来进行页面元素的导航。

使用 Tab 键导航

用户可以使用 Tab 键（或者 Shift+Tab 键）来定位到页面上的元素，获得该节点的焦点，继而可以使用 Enter 回车键或者 Space 空格键来触发点击事件。这是最为普遍常见的键盘导航的应用。

在一个 HTML 网页中，一般意义上可以获取焦点的元素，也就是能够 Tab 到的元素主要是链接 <a> 标记，表单输入域（<input>, <textarea> 标记等等），按钮等需要用户进行交互的元素。如果网页中不特别规定元素的导航顺序，用户使用 Tab 键，将依次按页面的顺序从左至右，由上而下（某些中东国家使用从右至左的文字顺序）的访问，Shift+Tab 组合键则是倒序的访问。

当然软件开发人员可以设定元素的 TabIndex 属性，来自行规定访问的顺序。比如说 a,b,c 三个元素，tabIndex 依次是2,3,1。那么使用 Tab 键导航将依次访问到 c, a, b。这些都是普通 Web 程序为了增强 a11y 的常用方法。

而针对 Ajax 形式的 Web 应用程序，由于内容的动态性，访问的次序以及焦点的设置都有可能发生变化。比如说：用户通过点击某个按钮激活了一个利用 JavaScript 技术模拟的模态的对话框 Dialog，那么这个时候用户的页面焦点则应该被设定到这个 Dialog 中，并且用户再使用 Tab 键导航，则不应该跳出这个模拟的模态 Dialog 的范围。直到 Dialog 被销毁。