歡迎訪文我的博客YangChen’s Blog

無(wú)障礙開(kāi)發(fā)準(zhǔn)則

無(wú)障礙支持的怎么樣？自然需要一個(gè)標(biāo)準(zhǔn)來(lái)判定，這個(gè)標(biāo)準(zhǔn)是W3C制定的，分為3個(gè)等級(jí)，分別A、AA、AAA，AAA級(jí)是無(wú)障礙的最高等級(jí)。這個(gè)三個(gè)等級(jí)之間有什么區(qū)別呢？這要從無(wú)障礙開(kāi)發(fā)的四個(gè)原則說(shuō)起,這4個(gè)原則分別是可感知性，可操作性，可理解性和魯棒性，具體的解釋將會(huì)在下面說(shuō)明。

原則一：可感知性-信息和用戶界面組件必須以可感知的方式呈現(xiàn)給用戶。

可感知性原則下面包括以下4個(gè)準(zhǔn)則

替代文本：為所有非文本內(nèi)容提供替代文本，使其可以轉(zhuǎn)化為人們需要的其他形式，如大字體印刷，盲文，語(yǔ)音，符號(hào)或更簡(jiǎn)單的語(yǔ)言。

非文本內(nèi)容：為所有呈現(xiàn)給用戶的非文本內(nèi)容都提供相同目的替代文本，以下情況例外： （A級(jí)）

• 控件，輸入: 如果非文本內(nèi)容是一個(gè)控件或接受用戶輸入，則應(yīng)有一個(gè)描述其目的名稱。
• 時(shí)基媒體: 如果非文本內(nèi)容是時(shí)基媒體，這時(shí)替代文本至少要提供非文本內(nèi)容的描述標(biāo)識(shí)。
• 測(cè)試: 如果非文本內(nèi)容是以一個(gè)以文本呈現(xiàn)會(huì)失效的測(cè)試或練習(xí)，則替代文本至少要提供非文本內(nèi)容的描述標(biāo)識(shí)。
• 感官: 如果非文本內(nèi)容的主要目的是創(chuàng)建一種特殊感官體驗(yàn)，則替代文本至少要提供非文本內(nèi)容的描述標(biāo)識(shí)。
• 驗(yàn)證碼: 如果非文本內(nèi)容的目的是為了確認(rèn)內(nèi)容正在被一個(gè)人訪問(wèn)，而不是計(jì)算機(jī)訪問(wèn)，則要提供識(shí)別和描述非文本內(nèi)容目的的替代文本，并提供適應(yīng)針對(duì)不同類型感官知覺(jué)的輸出模型的驗(yàn)證碼替代方式， 以適應(yīng)不同的殘障人群。
• 裝飾，格式，不可見(jiàn): 如果非文本內(nèi)容是純粹的裝飾、或只用于視覺(jué)格式、或不呈現(xiàn)給用戶，則應(yīng)以輔助技術(shù)可忽略的方式進(jìn)行實(shí)現(xiàn)。

時(shí)基媒體：為時(shí)基媒體提供替代。

純音頻和純視頻（預(yù)錄）: 對(duì)于預(yù)錄的純音頻和預(yù)錄的純視頻的媒體，以下情況為真，除非音頻或視頻就是文本的替代媒體 ，并已明確標(biāo)記： （A級(jí)）

• 預(yù)錄的純音頻: 對(duì)于預(yù)錄的純音頻內(nèi)容，要給出時(shí)基媒體的替代，以呈現(xiàn)等同信息。
• 預(yù)錄的純視頻： 對(duì)于預(yù)錄的純視頻內(nèi)容，要么給出時(shí)基媒體的替代，要么給出音軌，以呈現(xiàn)等同信息。

字幕（預(yù)錄）：要為同步媒體里所有預(yù)錄音頻內(nèi)容提供字幕，除非此媒體就是文本的替代媒體，并已明確標(biāo)記。（A級(jí)）

音頻描述或媒體替代（預(yù)錄）： 要為同步媒體提供時(shí)基媒體的替代或預(yù)錄的視頻 內(nèi)容的音頻描述，除非媒體就是文本的替代媒體，并已明確標(biāo)記。 （A級(jí)）

字幕（直播）： 要為同步媒體里所有現(xiàn)場(chǎng)直播的音頻內(nèi)容提供字幕 。 （AA級(jí)）

音頻描述（預(yù)錄） : 要為同步媒體里所有預(yù)錄的視頻內(nèi)容提供音頻描述 。 （AA級(jí)）

手語(yǔ)（預(yù)錄）:要為同步媒體里所有預(yù)錄的音頻內(nèi)容提供手語(yǔ)翻譯 。（AAA級(jí)）

擴(kuò)展音頻描述（預(yù)錄）： 前景音頻描述不足以傳達(dá)視頻意思時(shí)，可通過(guò)暫停，把同步媒體里所有預(yù)錄的視頻內(nèi)容擴(kuò)展音頻描述提供出來(lái)。 （AAA級(jí)）

替代媒體（預(yù)錄） : 為所有預(yù)錄的同步媒體和所有預(yù)錄的純視頻媒體提供時(shí)基媒體的替代。 （AAA級(jí)）

純音頻（直播）: 要為現(xiàn)場(chǎng)直播的純音頻內(nèi)容提供時(shí)基媒體的替代，以呈現(xiàn)等同信息。 （AAA級(jí)）

適應(yīng)性：創(chuàng)建可用不同方式呈現(xiàn)的內(nèi)容（例如簡(jiǎn)單的布局），而不會(huì)丟失信息或結(jié)構(gòu)。

信息和關(guān)系: 通過(guò)呈現(xiàn)傳達(dá)的信息、結(jié)構(gòu)和關(guān)系，可以編程式確定或在文本中得到。 （A級(jí)）

有含義的順序: 當(dāng)呈現(xiàn)出來(lái)的內(nèi)容其順序影響其含義，可以通過(guò)編程式確定其正確的閱讀順序 （A級(jí)）

感官特性: 用于理解內(nèi)容和操作內(nèi)容的指示，應(yīng)該不完全依賴于組件的感官特性，如形狀、大小、視覺(jué)位置、方向、或聲音。 （A級(jí)）

可辨別性：使用戶更容易看到和聽(tīng)到內(nèi)容，包括把背景和前景分開(kāi)。

顏色用途: 顏色并不是作為傳達(dá)信息、表明動(dòng)作、提示響應(yīng)或區(qū)分視覺(jué)元素的唯一視覺(jué)手段。 （A級(jí)）

音頻控制:如果網(wǎng)頁(yè)音頻自動(dòng)播放超過(guò)3秒鐘，提供一個(gè)機(jī)制用以暫停或停止音頻，或者控制獨(dú)立于全局系統(tǒng)音量的音頻音量。 （A級(jí)）

對(duì)比度（最小）: 文本的視覺(jué)呈現(xiàn)以及文本圖像至少要有4.5:1的對(duì)比度，以下部分除外：（AA級(jí)）

• 大文本: 大號(hào)文本以及大文本圖像至少有3:1的對(duì)比度。
• 附屬內(nèi)容: 文本或文本圖像是未激活的用戶界面組件部分，或者只是一個(gè)純粹的裝飾，或者對(duì)任何人不可見(jiàn)，或者只是包含其他重要可視內(nèi)容的圖片一部分，此文本或文本圖像沒(méi)有對(duì)比要求。
• 商標(biāo): 文本作為標(biāo)志或品牌名稱的一部分，沒(méi)有最低對(duì)比要求。

調(diào)整文本: 除了字幕和文本圖像外，文本大小不需要輔助技術(shù)就可以放大至200%，且沒(méi)有內(nèi)容或功能損失。 （AA級(jí)）

文本圖像:如果正在使用的技術(shù)可以達(dá)到視覺(jué)效果，應(yīng)使用文本傳達(dá)信息而不用文本圖像，以下部分除外：（AA級(jí)）

• 定制: 文本圖像可根據(jù)用戶要求進(jìn)行視覺(jué)定制。
• 必需: 文本的特殊呈現(xiàn)對(duì)要傳達(dá)的信息是必需的。

對(duì)比度（加強(qiáng)）: 文本視覺(jué)呈現(xiàn)以及文本圖像至少有7:1的對(duì)比度，以下部分除外：（AAA級(jí)）

• 大文本: 大號(hào)文本以及大文本圖像至少有 4.5:1的對(duì)比度。
• 附屬內(nèi)容: 文本或文本圖像是未激活的用戶界面組件部分，或者只是一個(gè)純粹的裝飾，或者對(duì)任何人不可見(jiàn)，或者只是包含其他重要可視內(nèi)容的圖片一部分，此文本或文本圖像沒(méi)有對(duì)比要求。
• 商標(biāo): 文本作為標(biāo)志或品牌名稱的一部分，沒(méi)有最低對(duì)比要求。

低背景音或無(wú)背景音: 對(duì)于預(yù)錄的純音頻內(nèi)容，（1）前景音頻主要包含說(shuō)話內(nèi)容，（2）不是音頻驗(yàn)證碼或音頻標(biāo)志，以及（3）不發(fā)聲，主要用音樂(lè)表達(dá)，如唱歌或說(shuō)唱，以下部分至少有一為真：（AAA級(jí)）

• 無(wú)背景: 音頻不包含背景聲音。
• 關(guān)閉: 背景聲音可以被關(guān)閉。
• 20分貝: 背景聲音至少比前景說(shuō)話內(nèi)容低20分貝，持續(xù)僅一兩秒的偶發(fā)性聲音除外。

視覺(jué)呈現(xiàn): 對(duì)于文本塊的視覺(jué)呈現(xiàn)，提供一個(gè)機(jī)制以實(shí)現(xiàn)以下目標(biāo)：（AAA級(jí)）

• 用戶可以選擇前景色和背景色。
• 寬度不超過(guò)80個(gè)字符或符號(hào)（如果是中日韓字體，不超過(guò)40個(gè)）。
• 文本不能調(diào)整（即左對(duì)齊和右對(duì)齊）。
• 段落里的行間距（行隔）至少是1.5倍行距，段落間距至少比行間距大1.5倍。
• 不使用輔助技術(shù)可將文本大小放大200%，并且在全屏窗口的情況下不需要用戶水平滾動(dòng)就可以閱讀一行文本。

文本圖像（沒(méi)有例外）: 文本圖像只能用于純粹的裝飾或此文本的特殊呈現(xiàn)對(duì)要傳達(dá)的信息是必需的。 （AAA級(jí)）

原則二：可操作性-用戶界面組件和導(dǎo)航必須可操作。

鍵盤可訪問(wèn)：使所有功能都能通過(guò)鍵盤來(lái)操作

鍵盤: 內(nèi)容的所有功能可通過(guò)鍵盤接口實(shí)現(xiàn)操作并且沒(méi)有對(duì)每次鍵擊做特定時(shí)限要求，除非底層功能是依賴用戶的移動(dòng)路徑并且不做為端點(diǎn)的輸入方法。 （A級(jí)）

無(wú)鍵盤陷阱: 如果可使用鍵盤接口能將焦點(diǎn)到移動(dòng)到某網(wǎng)頁(yè)組件上，那么可以只使用鍵盤接口操作也可以將焦點(diǎn)從當(dāng)前組件移開(kāi)，如果需要未修改的方向鍵或Tab鍵或其它標(biāo)準(zhǔn)退出方式以外的操作，要告知用戶離開(kāi)焦點(diǎn)的方法。 （A級(jí)）

鍵盤（沒(méi)有例外）: 內(nèi)容的所有功能可通過(guò)鍵盤接口實(shí)現(xiàn)操作并且沒(méi)有對(duì)每次鍵擊做特定時(shí)限要求。 （AAA級(jí)）

充足的時(shí)間：為用戶提供足夠的時(shí)間用以閱讀和使用內(nèi)容。

定時(shí)可調(diào):對(duì)于由內(nèi)容設(shè)置的每一個(gè)時(shí)間限制，以下部分至少有個(gè)一為真：（A級(jí)）

• 關(guān)閉: 允許用戶達(dá)到時(shí)間期限之前，關(guān)閉時(shí)間限制。
• 調(diào)整: 允許用戶達(dá)到時(shí)間期限前，調(diào)整時(shí)間限制。調(diào)整范圍要放寬，至少是默認(rèn)設(shè)置長(zhǎng)度的10倍。
• 延長(zhǎng): 在超時(shí)之前向用戶發(fā)出警告，并給用戶至少20秒的時(shí)間，使用戶可以通過(guò)簡(jiǎn)單的動(dòng)作來(lái)延長(zhǎng)時(shí)間（例如“按空格鍵”），并允許用戶延長(zhǎng)期限至少10次。
• 實(shí)時(shí)特例: 時(shí)間限制是一個(gè)實(shí)時(shí)事件（例如拍賣）的必要部分，可能沒(méi)有時(shí)間限制的替代方法。
• 必需特例: 時(shí)間限制是必需的，延長(zhǎng)時(shí)限將導(dǎo)致行為失效。
• 20小時(shí)特例: 時(shí)間限制超過(guò)20個(gè)小時(shí)。

暫停、停止、隱藏:對(duì)于運(yùn)動(dòng)、閃爍、滾動(dòng)或自動(dòng)更新的信息，以下部分全部為真：（A級(jí)）

• 運(yùn)動(dòng)、閃爍、滾動(dòng): 任何運(yùn)動(dòng)、閃爍或滾動(dòng)的信息（1）自動(dòng)啟動(dòng)，（2）持續(xù)時(shí)間超過(guò)5秒鐘，（3）與其他內(nèi)容同時(shí)呈現(xiàn)。對(duì)于這些信息，提供一個(gè)機(jī)制可使用戶暫停，停止或隱藏，除非運(yùn)動(dòng)、閃爍、或滾動(dòng)是某個(gè)行為的必需部分。
• 自動(dòng)更新: 任何自動(dòng)更新的信息（1）自動(dòng)啟動(dòng)（2）與其他內(nèi)容同時(shí)呈現(xiàn)。對(duì)于這些信息，提供一個(gè)機(jī)制可使用戶暫停、停止、或隱藏，或控制更新的頻率，除非自動(dòng)更新是某個(gè)行為的必需部分。

無(wú)定時(shí):定時(shí)不是一個(gè)事件或內(nèi)容呈現(xiàn)行為的必需部分，非交互同步媒體和實(shí)時(shí)事件除外。 （AAA級(jí)）

中斷: 中斷可以由用戶推遲或禁止，緊急中斷除外。 （AAA級(jí)）

重新認(rèn)證: 當(dāng)認(rèn)證的會(huì)話到期時(shí)，重新驗(yàn)證后，用戶的行為可以繼續(xù)并且不丟失數(shù)據(jù)。 （AAA級(jí)）

癲癇：不要設(shè)計(jì)會(huì)導(dǎo)致癲癇發(fā)作的內(nèi)容。

閃光三次或低于閾值: 網(wǎng)頁(yè)不包含任何閃光超過(guò)3次/秒的內(nèi)容，或閃光低于一般閃光和紅色閃光閾值。 （A級(jí)）

閃光三次: 網(wǎng)頁(yè)不包含任何閃光超過(guò)3次/秒的內(nèi)容。 （AAA級(jí)）

可導(dǎo)航性：提供幫助用戶導(dǎo)航、查找內(nèi)容、并確定其位置的方法。

繞過(guò)模塊:提供一種機(jī)制以跳過(guò)在多個(gè)網(wǎng)頁(yè)中重復(fù)出現(xiàn)的內(nèi)容模塊。 （A級(jí)）

網(wǎng)頁(yè)標(biāo)題: 網(wǎng)頁(yè)提供標(biāo)題，以描述主題或用途。 （A級(jí)）

聚焦順序: 如果網(wǎng)頁(yè)可以順序?qū)Ш?#xff0c;并且導(dǎo)航順序影響含義和操作，可聚焦的組件以保持其含義和可操作的順序接受聚焦。 （A級(jí)）

鏈接目的（在上下文里）: 每個(gè)鏈接目的的確定可通過(guò)：單獨(dú)的鏈接文本，或者是鏈接文本聯(lián)系其編程式確定的鏈接上下文。除非鏈接的目的也會(huì)困惑普通用戶。 （A級(jí)）

多種方法：用一種以上的方法在網(wǎng)頁(yè)集里定位一個(gè)網(wǎng)頁(yè)，除非網(wǎng)頁(yè)是流程的結(jié)果或流程的某個(gè)步驟。 （AA級(jí)）

標(biāo)題和標(biāo)簽: 標(biāo)題和標(biāo)簽說(shuō)明主題或目的。 （AA級(jí)）

焦點(diǎn)可見(jiàn): 任何鍵盤可操作的用戶界面應(yīng)有一套操作模式，在該模式里鍵盤焦點(diǎn)指示是可見(jiàn)的。 （AA級(jí)）

定位:網(wǎng)頁(yè)集里關(guān)于用戶定位的信息是有效的。 （AAA級(jí)）

鏈接目的（只針對(duì)鏈接）: 提供一個(gè)機(jī)制允許只從鏈接文本來(lái)識(shí)別每個(gè)連接目的。除非鏈接目的也會(huì)困惑普通用戶。 （AAA級(jí)）

章節(jié)標(biāo)題: 用章節(jié)標(biāo)題（Section headings）組織內(nèi)容。 （AAA級(jí)）

原則三：可理解性-信息和用戶界面操作必須是可理解的。

可讀性：使文本內(nèi)容可讀，可理解。

網(wǎng)頁(yè)語(yǔ)言: 每個(gè)網(wǎng)頁(yè)的默認(rèn)人類語(yǔ)言可以編程式確定。 （A級(jí)）

局部語(yǔ)言:內(nèi)容里每個(gè)段落或短語(yǔ)的人類語(yǔ)言可以編程式確定，除了文本中專有名詞、術(shù)語(yǔ)、不確定語(yǔ)言的詞匯、已經(jīng)融入到本地語(yǔ)言的詞語(yǔ)或短語(yǔ)。

特殊單詞: 若單詞或短語(yǔ)被特定或者有限制的方式使用，包括成語(yǔ)和術(shù)語(yǔ)，則提供一個(gè)機(jī)制確定這些單詞或短語(yǔ)的具體定義。 （AAA級(jí)）

縮寫:提供一個(gè)機(jī)制用于確定縮寫詞的擴(kuò)展形式或含義。 （AAA級(jí)）

閱讀水平: 當(dāng)文本中排除專有名詞、標(biāo)題，仍需要初中教育水平以上的閱讀能力時(shí)，提供補(bǔ)充內(nèi)容，或者提供不高于初中教育水平既能閱讀的版本。（AAA級(jí)）

發(fā)音: 若單詞沒(méi)有發(fā)音就無(wú)法理解單詞含義，則提供一個(gè)機(jī)制用于確定單詞的具體發(fā)音。 （AAA級(jí)）

可預(yù)測(cè)性：讓網(wǎng)頁(yè)以可預(yù)見(jiàn)的方式呈現(xiàn)和操作。

焦點(diǎn):當(dāng)任何用戶界面組件接收焦點(diǎn)時(shí)，不會(huì)引起上下文變化。 （A級(jí)）

輸入:更改任何用戶界面組件設(shè)置不會(huì)自動(dòng)導(dǎo)致上下文變化，除非用戶使用組件前已被告知該行為。 （A級(jí)）

一致性導(dǎo)航: 對(duì)于在網(wǎng)頁(yè)集里多個(gè)網(wǎng)頁(yè)中重復(fù)出現(xiàn)的導(dǎo)航機(jī)制，每次出現(xiàn)時(shí)都應(yīng)保持同樣的相對(duì)順序，除非是由用戶引起的順序變化。 （AA級(jí)）

一致性標(biāo)識(shí): 網(wǎng)頁(yè)集集里相同功能的組件可被一致性標(biāo)識(shí)。 （AA級(jí)）

請(qǐng)求變化: 上下文變化只能由用戶請(qǐng)求來(lái)啟動(dòng)，或者提供一個(gè)可關(guān)閉這種變化的機(jī)制。 （AAA級(jí)）

輔助輸入：幫助用戶避免和糾正錯(cuò)誤。

錯(cuò)誤標(biāo)識(shí): 如果輸入錯(cuò)誤能夠被自動(dòng)發(fā)現(xiàn)，錯(cuò)誤類型應(yīng)能被標(biāo)識(shí)，并且用文本描述給用戶。 （A級(jí)）

標(biāo)簽或說(shuō)明: 當(dāng)需要用戶輸入內(nèi)容時(shí)，要給出標(biāo)簽或說(shuō)明。 （A級(jí)）

錯(cuò)誤建議: 如果輸入錯(cuò)誤能夠被自動(dòng)發(fā)現(xiàn)，且修改建議已知，則提供建議給用戶，除非它會(huì)危及安全或影響內(nèi)容目的。 （AA級(jí)）

錯(cuò)誤預(yù)防（法律、金融、數(shù)據(jù)）: 對(duì)于用戶操作將引起法律承諾或者金融交易的網(wǎng)頁(yè)、修改或刪除數(shù)據(jù)存儲(chǔ)系統(tǒng)里的用戶可控?cái)?shù)據(jù)的網(wǎng)頁(yè)、提交用戶測(cè)試響應(yīng)的網(wǎng)頁(yè)等 ，對(duì)于這些網(wǎng)頁(yè)，以下部分至少有一為真：（AA級(jí)）

• 可逆: 提交是可逆的。
• 檢查: 用戶輸入的數(shù)據(jù)將被檢查是否有輸入錯(cuò)誤，并為用戶提供一個(gè)改正錯(cuò)誤的機(jī)會(huì)。
• 確認(rèn): 提供一個(gè)機(jī)制用于最后提交之前審查、確認(rèn)和糾正信息。

幫助:上下文相關(guān)的幫助是可用的。 （AAA級(jí)）

錯(cuò)誤預(yù)防（全部）: 對(duì)于要求用戶提交信息的網(wǎng)頁(yè)，以下部分至少有一為真：（AAA級(jí)）

• 可逆: 提交是可逆的。
• 檢查: 用戶輸入的數(shù)據(jù)將被檢查是否有輸入錯(cuò)誤，并為用戶提供一個(gè)改正錯(cuò)誤的機(jī)會(huì)。
• 確認(rèn): 提供一個(gè)機(jī)制用于最后提交之前審查、確認(rèn)和糾正信息。

原則四：魯棒性-內(nèi)容必須健壯到可信地被種類繁多的用戶代理(包括輔助技術(shù))所解釋。

兼容：最大化兼容當(dāng)前和未來(lái)的用戶代理(包括輔助技術(shù))。（AAA級(jí)）

解析:使用標(biāo)記語(yǔ)言實(shí)現(xiàn)的內(nèi)容，元素要有完整的開(kāi)始和結(jié)束標(biāo)簽，元素根據(jù)其規(guī)格進(jìn)行嵌套，元素不包含重復(fù)的屬性，任何ID都是唯一的，除非規(guī)范允許這些特性。 （A級(jí)）

名稱，角色，值:對(duì)于所有用戶界面組件（包括但不限于：表單元素，鏈接和由腳本生成的組件），名稱和角色可以編程式確定; 可由用戶設(shè)置的狀態(tài)、屬性和值可以編程式設(shè)置，這些變化通知對(duì)用戶代理（包括輔助技術(shù)）有效。 （A級(jí)）

最后

以上就是無(wú)障礙開(kāi)發(fā)的準(zhǔn)則及評(píng)級(jí)，要做到哪一級(jí)標(biāo)準(zhǔn)就對(duì)應(yīng)著看看要求吧，一般大部分網(wǎng)站做到AA級(jí)即可，我的這次無(wú)障礙項(xiàng)目的要求也是AA級(jí)。

參考文章

Web Content Accessibility Guidelines (WCAG) 2.0

總結(jié)

以上是生活随笔為你收集整理的无障碍开发系列之准则及评级的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。