色婷婷综合久久久久中文一区二区,欧美日韩在线播放,亚洲视频中文字幕

　　簡(jiǎn)介

可訪問(wèn)性移除了特定群體訪問(wèn)信息的障礙，它正在成為 Web 應(yīng)用程序的公共需求。可訪問(wèn) Web 應(yīng)用程序要幫助的目標(biāo)群體包括殘疾人、老年用戶和其他難以操作程序的可視及物理元素的人。在現(xiàn)代輔助技術(shù)的幫助下，這些人將能夠與軟件應(yīng)用程序交互，但前提是這些應(yīng)用程序能全面兼容可訪問(wèn)性標(biāo)準(zhǔn)。

隨著富客戶機(jī)技術(shù)的迅速發(fā)展，許多 Web 應(yīng)用程序都已經(jīng)發(fā)展到了 Web 2.0 時(shí)代。使用 Dojo 等 Ajax庫(kù)或 Flash 等其他客戶端技術(shù)，網(wǎng)站正在為瀏覽器帶來(lái)更加可靠的用戶體驗(yàn)。用戶可以動(dòng)態(tài)更新 Web 元素，并在頁(yè)面中隨意拖放它們。曾經(jīng)認(rèn)為只適用于桌面應(yīng)用程序的用戶體驗(yàn)現(xiàn)在已經(jīng)可供 Web 用戶使用。

2008 年，致力于開(kāi)發(fā) Web 標(biāo)準(zhǔn)的國(guó)際組織萬(wàn)維網(wǎng)聯(lián)盟（World Wide Web Consortium，W3C）發(fā)布了 Web Content Accessibility Guideline (WCAG) 2.0。WCAG 2.0 文檔定義了一系列指導(dǎo)方針，以提高 Web 內(nèi)容對(duì)于殘疾人的可訪問(wèn)性。WCAG 2.0 旨在涵蓋大多數(shù)已有 Web 技術(shù)以及可能的未來(lái)技術(shù)，包括 Web 2.0 技術(shù)中的動(dòng)態(tài)內(nèi)容。

WCAG 2.0 稱，Web 2.0 應(yīng)用程序中通常存在一些常見(jiàn)的可訪問(wèn)性問(wèn)題。這些問(wèn)題可以分為四類：

文檔結(jié)構(gòu)
動(dòng)態(tài)內(nèi)容更新
增強(qiáng)鍵盤的可訪問(wèn)性
小部件的可訪問(wèn)性

　　在本文中，我們將分別討論這些問(wèn)題，并提供一些可行的解決方案。

　　WAI-ARIA 簡(jiǎn)介

WAI-ARIA 的全稱是 Web Accessibility Initiative – Accessible Rich InterNET Application 套件。它定義了一些方法來(lái)提高 Web 內(nèi)容和 Web 應(yīng)用程序?qū)τ跉埣踩说目稍L問(wèn)性。它的一些 Web 2.0 特性尤其有用，比如動(dòng)態(tài)內(nèi)容以及使用 Ajax、HTML、JavaScript 及相關(guān)技術(shù)開(kāi)發(fā)的其他高級(jí)用戶用戶界面控件。WAI-ARIA 是一組由普通 HTML 標(biāo)記組成的標(biāo)記庫(kù)，這些標(biāo)記只能由瀏覽器和支持它們的 Assistive Tools (AT)映射到有用的信息。WAI-ARIA 充當(dāng) AT 和 Web 用戶界面之間的協(xié)議，這為 Web 頁(yè)面用戶界面帶來(lái)了更加豐富的信息，比如角色和狀態(tài)。圖 1 顯示了 Assistive Tool 與 Web 用戶界面之間的關(guān)系。

AT 和 Web 頁(yè)面之間的關(guān)系（使用 WAI-ARIA）

圖 1. AT 和 Web 頁(yè)面之間的關(guān)系（使用 WAI-ARIA）

WAI-ARIA 主要包括兩種內(nèi)容：WAI-ARIA Roles 以及 WAI-ARIA States 和 Properties。表 1 顯示了 WAI-ARIA 內(nèi)容的主要分類。

表 1. WAI-ARIA 的主要內(nèi)容

角色（Roles）	狀態(tài)和屬性（States and Properties）
基本類型（Base Types）	小部件屬性（Widget Attributes）
用戶輸入小部件（User Input Widgets）	實(shí)時(shí)區(qū)域?qū)傩裕↙ive Region Attributes）
用戶界面元素（User Interface Elements）	拖放屬性（Drag-and-Drop Attributes）
專用區(qū)域（Specialized Regions）	關(guān)系屬性（Relationship Attributes）
路標(biāo)角色（Landmark Roles）

目前，許多 Web 2.0 特性都無(wú)法提供給殘疾人使用，特別是那些依賴屏幕閱讀器和無(wú)法使用鼠標(biāo)設(shè)備的人。WAI-ARIA 定義了一些 Assistive Tools 的功能，我們將在后續(xù)小節(jié)中討論這方面的信息。另外，一些瀏覽器和 Assistive Tools 已經(jīng)提供了對(duì) WAI-ARIA 的支持，比如 FireFox 3.0 和 JAWS 10.x。

　　使用 WAI-ARIA 解決動(dòng)態(tài) Web 內(nèi)容中的常見(jiàn)可訪問(wèn)性問(wèn)題

現(xiàn)在，我們將介紹 WCAG 2.0 確定的四種常見(jiàn)問(wèn)題，并討論一些解決方案。

文檔結(jié)構(gòu)在當(dāng)前的 HTML 版本中，無(wú)法采用編程的方式來(lái)識(shí)別頁(yè)面元素的功能和作用。因此，要讓屏幕閱讀器將當(dāng)前頁(yè)面位置告訴用戶是幾乎不可能的。此外，屏幕閱讀器也不能識(shí)別頁(yè)面元素的作用。舉例來(lái)說(shuō)，<div> 可以是彈出窗口、文本輸入框或者其他對(duì)象。WCAG 2.0 表示，Web 應(yīng)用程序應(yīng)該提供一種快捷方式（通常是一些鏈接）來(lái)允許用戶直接定位頁(yè)面上的主要內(nèi)容。這些鏈接將被識(shí)別為“跳轉(zhuǎn)到主要內(nèi)容”的鏈接。這將幫助用戶快速識(shí)別頁(yè)面的主要內(nèi)容，而這是遠(yuǎn)遠(yuǎn)不夠的。

在 IAccessible 和 IAccessble2 這樣的 GUI 可訪問(wèn)性 API 中，常見(jiàn)的解決方案是為 GUI 對(duì)象提供一個(gè)“角色”屬性，用于指定其作用。W3C ARIA 標(biāo)準(zhǔn)也定義了此“角色”屬性。接下來(lái)，我們來(lái)領(lǐng)略一下角色屬性的魔力，以及如何使用它為 Web 應(yīng)用程序提供清晰的結(jié)構(gòu)。WAI-ARIA 將所有 HTML 元素劃分為以下幾種角色：

基本類型（Base Types）—此角色用于描述角色層次結(jié)構(gòu)的最高層次。基本類型角色都是抽象的，并且不應(yīng)在內(nèi)容中使用。這些基本角色包括復(fù)合（composit）、路標(biāo)、角色類型、結(jié)構(gòu)、小部件和窗口。
用戶輸入小部件（User Input Widgets）—這些角色適用于表單元素或其他常用用戶輸入小部件。因此，屬于這種角色的元素將用于收集和維護(hù)用戶輸入。這些角色包括復(fù)選框、組合框和單選按鈕等。
用戶界面元素（User Interface Elements）—這些角色適用于圖形用戶界面。這些元素對(duì)于向用戶顯示小部件類型非常有用。這些角色包括按鈕、鏈接和樹(shù)等。
文檔結(jié)構(gòu)（Document Structure）—這些角色描述頁(yè)面內(nèi)容的組織結(jié)構(gòu)。文檔結(jié)構(gòu)通常不具有交互性。這些角色包括文章、文檔和標(biāo)題等。
專用區(qū)域（Specialized Regions）—這些角色描述應(yīng)用程序用戶界面的特殊獨(dú)立區(qū)域。這些角色包括警告、對(duì)話框、進(jìn)度條等。
路標(biāo)角色（Landmark Roles）—這些角色與文檔結(jié)構(gòu)極為類似，但其作用是充當(dāng)導(dǎo)航路標(biāo)，并且通常描述 Web 頁(yè)面上的某個(gè)區(qū)域。這些角色包括應(yīng)用程序、橫幅、補(bǔ)充說(shuō)明、內(nèi)容信息、主內(nèi)容、導(dǎo)航和搜索。

現(xiàn)在，我們將通過(guò)一個(gè)示例來(lái)演示如何使用路標(biāo)角色來(lái)確定 Web 頁(yè)面中的區(qū)域。圖 2 顯示了一個(gè)典型的網(wǎng)站（http://www.aol.com）。

圖2：一個(gè)典型網(wǎng)站

這個(gè)網(wǎng)站包括若干部分：搜索、導(dǎo)航和主內(nèi)容等。在本例中，您可以通過(guò)編寫(xiě)如清單 1 所示的代碼來(lái)使用路標(biāo)角色。

清單1：向頁(yè)面元素添加路標(biāo)標(biāo)識(shí)符

<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知識(shí)庫(kù)：Web 2.0 技術(shù)中的可訪問(wèn)性，轉(zhuǎn)載需保留來(lái)源！
        鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

Web 2.0 技術(shù)中的可訪問(wèn)性

相關(guān)文章閱讀