Web 2.0 技术中的可访问性 -2 常见可访问性问题
|
- UID
- 1066743
|
Web 2.0 技术中的可访问性 -2 常见可访问性问题
使用 WAI-ARIA 解决动态 Web 内容中的常见可访问性问题现在，我们将介绍 WCAG 2.0 确定的四种常见问题，并讨论一些解决方案。
文档结构由编程方式决定引用自 “理解 WCAG20” 一文（参见 ）：“‘由编程方式决定的’内容可以（由包括 AT 在内的用户代理）转换为不同的感官格式（比如视觉、听觉）或表示样式，以满足各种用户的需求。如果现有的辅助技术无法实现此目的，则不能说信息是由编程决定的。”换句话说，内容必须包括某种一致的自定义，并且可由某种工具（如屏幕阅读器）识别和使用。
在当前的 HTML 版本中，无法采用编程的方式来识别页面元素的功能和作用。因此，要让屏幕阅读器将当前页面位置告诉用户是几乎不可能的。此外，屏幕阅读器也不能识别页面元素的作用。举例来说，<div> 可以是弹出窗口、文本输入框或者其他对象。
WCAG 2.0 表示，Web 应用程序应该提供一种快捷方式（通常是一些链接）来允许用户直接定位页面上的主要内容。这些链接将被识别为 “跳转到主要内容” 的链接。这将帮助用户快速识别页面的主要内容，而这是远远不够的。
在 IAccessible 和 IAccessble2 这样的 GUI 可访问性 API 中，常见的解决方案是为 GUI 对象提供一个 “角色” 属性，用于指定其作用。W3C ARIA 标准也定义了此 “角色” 属性。接下来，我们来领略一下角色属性的魔力，以及如何使用它为 Web 应用程序提供清晰的结构。
WAI-ARIA 将所有 HTML 元素划分为以下几种角色：
基本类型（Base Types）— 此角色用于描述角色层次结构的最高层次。基本类型角色都是抽象的，并且不应在内容中使用。这些基本角色包括复合（composit）、路标、角色类型、结构、小部件和窗口。
用户输入小部件（User Input Widgets）— 这些角色适用于表单元素或其他常用用户输入小部件。因此，属于这种角色的元素将用于收集和维护用户输入。这些角色包括复选框、组合框和单选按钮等。
用户界面元素（User Interface Elements）— 这些角色适用于图形用户界面。这些元素对于向用户显示小部件类型非常有用。这些角色包括按钮、链接和树等。
文档结构（Document Structure）— 这些角色描述页面内容的组织结构。文档结构通常不具有交互性。这些角色包括文章、文档和标题等。
专用区域（Specialized Regions）— 这些角色描述应用程序用户界面的特殊独立区域。这些角色包括警告、对话框、进度条等。
路标角色（Landmark Roles）— 这些角色与文档结构极为类似，但其作用是充当导航路标，并且通常描述 Web 页面上的某个区域。这些角色包括应用程序、横幅、补充说明、内容信息、主内容、导航和搜索。
现在，我们将通过一个示例来演示如何使用路标角色来确定 Web 页面中的区域。图 2 显示了一个典型的网站（http://www.aol.com）。
图 2. 一个典型的网站 这个网站包括若干部分：搜索、导航和主内容等。在本例中，您可以通过编写如清单 1 所示的代码来使用路标角色。
清单 1. 向页面元素添加路标标识符1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <html>
<body>
…
<div role="search">
The search area
</div>
<div role="navigation">
The navigation area
</div>
<div role="main">
The main content area
</div>
…
</body>
</html>
|
然后，页面将被分为三个区域，如图 3 所示。
图 3. 带路标角色的网站 |
|
|
|
|
|
