|
|
簡介
可訪問性移除了特定群體訪問信息的障礙，它正在成為 Web 應用程序的公共需求。可訪問 Web 應用程序要幫助的目標群體包括殘疾人、老年用戶和其他難以操作程序的可視及物理元素的人。在現代輔助技術的幫助下，這些人將能夠與軟件應用程序交互，但前提是這些應用程序能全面兼容可訪問性標準。
隨著富客戶機技術的迅速發展，許多 Web 應用程序都已經發展到了 Web 2.0 時代。使用 Dojo 等 Ajax庫或 Flash 等其他客戶端技術，網站正在為瀏覽器帶來更加可靠的用戶體驗。用戶可以動態更新 Web 元素，并在頁面中隨意拖放它們。曾經認為只適用于桌面應用程序的用戶體驗現在已經可供 Web 用戶使用。
2008 年，致力于開發 Web 標準的國際組織萬維網聯盟（World Wide Web Consortium，W3C）發布了 Web Content Accessibility Guideline (WCAG) 2.0。WCAG 2.0 文檔定義了一系列指導方針，以提高 Web 內容對于殘疾人的可訪問性。WCAG 2.0 旨在涵蓋大多數已有 Web 技術以及可能的未來技術，包括 Web 2.0 技術中的動態內容。
WCAG 2.0 稱，Web 2.0 應用程序中通常存在一些常見的可訪問性問題。這些問題可以分為四類：
- 文檔結構
- 動態內容更新
- 增強鍵盤的可訪問性
- 小部件的可訪問性
在本文中，我們將分別討論這些問題，并提供一些可行的解決方案。
WAI-ARIA 簡介
WAI-ARIA 的全稱是 Web Accessibility Initiative – Accessible Rich InterNET Application 套件。它定義了一些方法來提高 Web 內容和 Web 應用程序對于殘疾人的可訪問性。它的一些 Web 2.0 特性尤其有用，比如動態內容以及使用 Ajax、HTML、JavaScript 及相關技術開發的其他高級用戶用戶界面控件。WAI-ARIA 是一組由普通 HTML 標記組成的標記庫，這些標記只能由瀏覽器和支持它們的 Assistive Tools (AT)映射到有用的信息。WAI-ARIA 充當 AT 和 Web 用戶界面之間的協議，這為 Web 頁面用戶界面帶來了更加豐富的信息，比如角色和狀態。圖 1 顯示了 Assistive Tool 與 Web 用戶界面之間的關系。
圖 1. AT 和 Web 頁面之間的關系（使用 WAI-ARIA）
WAI-ARIA 主要包括兩種內容：WAI-ARIA Roles 以及 WAI-ARIA States 和 Properties。表 1 顯示了 WAI-ARIA 內容的主要分類。
表 1. WAI-ARIA 的主要內容
| 角色（Roles） | 狀態和屬性（States and Properties） |
|---|---|
| 基本類型（Base Types） | 小部件屬性（Widget Attributes） |
| 用戶輸入小部件（User Input Widgets） | 實時區域屬性（Live Region Attributes） |
| 用戶界面元素（User Interface Elements） | 拖放屬性（Drag-and-Drop Attributes） |
| 專用區域（Specialized Regions） | 關系屬性（Relationship Attributes） |
| 路標角色（Landmark Roles） |
目前，許多 Web 2.0 特性都無法提供給殘疾人使用，特別是那些依賴屏幕閱讀器和無法使用鼠標設備的人。WAI-ARIA 定義了一些 Assistive Tools 的功能，我們將在后續小節中討論這方面的信息。另外，一些瀏覽器和 Assistive Tools 已經提供了對 WAI-ARIA 的支持，比如 FireFox 3.0 和 JAWS 10.x。
使用 WAI-ARIA 解決動態 Web 內容中的常見可訪問性問題
現在，我們將介紹 WCAG 2.0 確定的四種常見問題，并討論一些解決方案。
文檔結構在當前的 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：向頁面元素添加路標標識符<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>
it知識庫：Web 2.0 技術中的可訪問性，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
