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

無障礙開發準則

無障礙支持的怎么樣？自然需要一個標準來判定，這個標準是W3C制定的，分為3個等級，分別A、AA、AAA，AAA級是無障礙的最高等級。這個三個等級之間有什么區別呢？這要從無障礙開發的四個原則說起,這4個原則分別是可感知性，可操作性，可理解性和魯棒性，具體的解釋將會在下面說明。

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

可感知性原則下面包括以下4個準則

替代文本：為所有非文本內容提供替代文本，使其可以轉化為人們需要的其他形式，如大字體印刷，盲文，語音，符號或更簡單的語言。

非文本內容：為所有呈現給用戶的非文本內容都提供相同目的替代文本，以下情況例外： （A級）

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

時基媒體：為時基媒體提供替代。

純音頻和純視頻（預錄）: 對于預錄的純音頻和預錄的純視頻的媒體，以下情況為真，除非音頻或視頻就是文本的替代媒體 ，并已明確標記： （A級）

• 預錄的純音頻: 對于預錄的純音頻內容，要給出時基媒體的替代，以呈現等同信息。
• 預錄的純視頻： 對于預錄的純視頻內容，要么給出時基媒體的替代，要么給出音軌，以呈現等同信息。

字幕（預錄）：要為同步媒體里所有預錄音頻內容提供字幕，除非此媒體就是文本的替代媒體，并已明確標記。（A級）

音頻描述或媒體替代（預錄）： 要為同步媒體提供時基媒體的替代或預錄的視頻 內容的音頻描述，除非媒體就是文本的替代媒體，并已明確標記。 （A級）

字幕（直播）： 要為同步媒體里所有現場直播的音頻內容提供字幕 。 （AA級）

音頻描述（預錄） : 要為同步媒體里所有預錄的視頻內容提供音頻描述 。 （AA級）

手語（預錄）:要為同步媒體里所有預錄的音頻內容提供手語翻譯 。（AAA級）

擴展音頻描述（預錄）： 前景音頻描述不足以傳達視頻意思時，可通過暫停，把同步媒體里所有預錄的視頻內容擴展音頻描述提供出來。 （AAA級）

替代媒體（預錄） : 為所有預錄的同步媒體和所有預錄的純視頻媒體提供時基媒體的替代。 （AAA級）

純音頻（直播）: 要為現場直播的純音頻內容提供時基媒體的替代，以呈現等同信息。 （AAA級）

適應性：創建可用不同方式呈現的內容（例如簡單的布局），而不會丟失信息或結構。

信息和關系: 通過呈現傳達的信息、結構和關系，可以編程式確定或在文本中得到。 （A級）

有含義的順序: 當呈現出來的內容其順序影響其含義，可以通過編程式確定其正確的閱讀順序 （A級）

感官特性: 用于理解內容和操作內容的指示，應該不完全依賴于組件的感官特性，如形狀、大小、視覺位置、方向、或聲音。 （A級）

可辨別性：使用戶更容易看到和聽到內容，包括把背景和前景分開。

顏色用途: 顏色并不是作為傳達信息、表明動作、提示響應或區分視覺元素的唯一視覺手段。 （A級）

音頻控制:如果網頁音頻自動播放超過3秒鐘，提供一個機制用以暫停或停止音頻，或者控制獨立于全局系統音量的音頻音量。 （A級）

對比度（最小）: 文本的視覺呈現以及文本圖像至少要有4.5:1的對比度，以下部分除外：（AA級）

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

調整文本: 除了字幕和文本圖像外，文本大小不需要輔助技術就可以放大至200%，且沒有內容或功能損失。 （AA級）

文本圖像:如果正在使用的技術可以達到視覺效果，應使用文本傳達信息而不用文本圖像，以下部分除外：（AA級）

• 定制: 文本圖像可根據用戶要求進行視覺定制。
• 必需: 文本的特殊呈現對要傳達的信息是必需的。

對比度（加強）: 文本視覺呈現以及文本圖像至少有7:1的對比度，以下部分除外：（AAA級）

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

低背景音或無背景音: 對于預錄的純音頻內容，（1）前景音頻主要包含說話內容，（2）不是音頻驗證碼或音頻標志，以及（3）不發聲，主要用音樂表達，如唱歌或說唱，以下部分至少有一為真：（AAA級）

• 無背景: 音頻不包含背景聲音。
• 關閉: 背景聲音可以被關閉。
• 20分貝: 背景聲音至少比前景說話內容低20分貝，持續僅一兩秒的偶發性聲音除外。

視覺呈現: 對于文本塊的視覺呈現，提供一個機制以實現以下目標：（AAA級）

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

文本圖像（沒有例外）: 文本圖像只能用于純粹的裝飾或此文本的特殊呈現對要傳達的信息是必需的。 （AAA級）

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

鍵盤可訪問：使所有功能都能通過鍵盤來操作

鍵盤: 內容的所有功能可通過鍵盤接口實現操作并且沒有對每次鍵擊做特定時限要求，除非底層功能是依賴用戶的移動路徑并且不做為端點的輸入方法。 （A級）

無鍵盤陷阱: 如果可使用鍵盤接口能將焦點到移動到某網頁組件上，那么可以只使用鍵盤接口操作也可以將焦點從當前組件移開，如果需要未修改的方向鍵或Tab鍵或其它標準退出方式以外的操作，要告知用戶離開焦點的方法。 （A級）

鍵盤（沒有例外）: 內容的所有功能可通過鍵盤接口實現操作并且沒有對每次鍵擊做特定時限要求。 （AAA級）

充足的時間：為用戶提供足夠的時間用以閱讀和使用內容。

定時可調:對于由內容設置的每一個時間限制，以下部分至少有個一為真：（A級）

• 關閉: 允許用戶達到時間期限之前，關閉時間限制。
• 調整: 允許用戶達到時間期限前，調整時間限制。調整范圍要放寬，至少是默認設置長度的10倍。
• 延長: 在超時之前向用戶發出警告，并給用戶至少20秒的時間，使用戶可以通過簡單的動作來延長時間（例如“按空格鍵”），并允許用戶延長期限至少10次。
• 實時特例: 時間限制是一個實時事件（例如拍賣）的必要部分，可能沒有時間限制的替代方法。
• 必需特例: 時間限制是必需的，延長時限將導致行為失效。
• 20小時特例: 時間限制超過20個小時。

暫停、停止、隱藏:對于運動、閃爍、滾動或自動更新的信息，以下部分全部為真：（A級）

• 運動、閃爍、滾動: 任何運動、閃爍或滾動的信息（1）自動啟動，（2）持續時間超過5秒鐘，（3）與其他內容同時呈現。對于這些信息，提供一個機制可使用戶暫停，停止或隱藏，除非運動、閃爍、或滾動是某個行為的必需部分。
• 自動更新: 任何自動更新的信息（1）自動啟動（2）與其他內容同時呈現。對于這些信息，提供一個機制可使用戶暫停、停止、或隱藏，或控制更新的頻率，除非自動更新是某個行為的必需部分。

無定時:定時不是一個事件或內容呈現行為的必需部分，非交互同步媒體和實時事件除外。 （AAA級）

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

重新認證: 當認證的會話到期時，重新驗證后，用戶的行為可以繼續并且不丟失數據。 （AAA級）

癲癇：不要設計會導致癲癇發作的內容。

閃光三次或低于閾值: 網頁不包含任何閃光超過3次/秒的內容，或閃光低于一般閃光和紅色閃光閾值。 （A級）

閃光三次: 網頁不包含任何閃光超過3次/秒的內容。 （AAA級）

可導航性：提供幫助用戶導航、查找內容、并確定其位置的方法。

繞過模塊:提供一種機制以跳過在多個網頁中重復出現的內容模塊。 （A級）

網頁標題: 網頁提供標題，以描述主題或用途。 （A級）

聚焦順序: 如果網頁可以順序導航，并且導航順序影響含義和操作，可聚焦的組件以保持其含義和可操作的順序接受聚焦。 （A級）

鏈接目的（在上下文里）: 每個鏈接目的的確定可通過：單獨的鏈接文本，或者是鏈接文本聯系其編程式確定的鏈接上下文。除非鏈接的目的也會困惑普通用戶。 （A級）

多種方法：用一種以上的方法在網頁集里定位一個網頁，除非網頁是流程的結果或流程的某個步驟。 （AA級）

標題和標簽: 標題和標簽說明主題或目的。 （AA級）

焦點可見: 任何鍵盤可操作的用戶界面應有一套操作模式，在該模式里鍵盤焦點指示是可見的。 （AA級）

定位:網頁集里關于用戶定位的信息是有效的。 （AAA級）

鏈接目的（只針對鏈接）: 提供一個機制允許只從鏈接文本來識別每個連接目的。除非鏈接目的也會困惑普通用戶。 （AAA級）

章節標題: 用章節標題（Section headings）組織內容。 （AAA級）

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

可讀性：使文本內容可讀，可理解。

網頁語言: 每個網頁的默認人類語言可以編程式確定。 （A級）

局部語言:內容里每個段落或短語的人類語言可以編程式確定，除了文本中專有名詞、術語、不確定語言的詞匯、已經融入到本地語言的詞語或短語。

特殊單詞: 若單詞或短語被特定或者有限制的方式使用，包括成語和術語，則提供一個機制確定這些單詞或短語的具體定義。 （AAA級）

縮寫:提供一個機制用于確定縮寫詞的擴展形式或含義。 （AAA級）

閱讀水平: 當文本中排除專有名詞、標題，仍需要初中教育水平以上的閱讀能力時，提供補充內容，或者提供不高于初中教育水平既能閱讀的版本。（AAA級）

發音: 若單詞沒有發音就無法理解單詞含義，則提供一個機制用于確定單詞的具體發音。 （AAA級）

可預測性：讓網頁以可預見的方式呈現和操作。

焦點:當任何用戶界面組件接收焦點時，不會引起上下文變化。 （A級）

輸入:更改任何用戶界面組件設置不會自動導致上下文變化，除非用戶使用組件前已被告知該行為。 （A級）

一致性導航: 對于在網頁集里多個網頁中重復出現的導航機制，每次出現時都應保持同樣的相對順序，除非是由用戶引起的順序變化。 （AA級）

一致性標識: 網頁集集里相同功能的組件可被一致性標識。 （AA級）

請求變化: 上下文變化只能由用戶請求來啟動，或者提供一個可關閉這種變化的機制。 （AAA級）

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

錯誤標識: 如果輸入錯誤能夠被自動發現，錯誤類型應能被標識，并且用文本描述給用戶。 （A級）

標簽或說明: 當需要用戶輸入內容時，要給出標簽或說明。 （A級）

錯誤建議: 如果輸入錯誤能夠被自動發現，且修改建議已知，則提供建議給用戶，除非它會危及安全或影響內容目的。 （AA級）

錯誤預防（法律、金融、數據）: 對于用戶操作將引起法律承諾或者金融交易的網頁、修改或刪除數據存儲系統里的用戶可控數據的網頁、提交用戶測試響應的網頁等 ，對于這些網頁，以下部分至少有一為真：（AA級）

• 可逆: 提交是可逆的。
• 檢查: 用戶輸入的數據將被檢查是否有輸入錯誤，并為用戶提供一個改正錯誤的機會。
• 確認: 提供一個機制用于最后提交之前審查、確認和糾正信息。

幫助:上下文相關的幫助是可用的。 （AAA級）

錯誤預防（全部）: 對于要求用戶提交信息的網頁，以下部分至少有一為真：（AAA級）

• 可逆: 提交是可逆的。
• 檢查: 用戶輸入的數據將被檢查是否有輸入錯誤，并為用戶提供一個改正錯誤的機會。
• 確認: 提供一個機制用于最后提交之前審查、確認和糾正信息。

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

兼容：最大化兼容當前和未來的用戶代理(包括輔助技術)。（AAA級）

解析:使用標記語言實現的內容，元素要有完整的開始和結束標簽，元素根據其規格進行嵌套，元素不包含重復的屬性，任何ID都是唯一的，除非規范允許這些特性。 （A級）

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

最后

以上就是無障礙開發的準則及評級，要做到哪一級標準就對應著看看要求吧，一般大部分網站做到AA級即可，我的這次無障礙項目的要求也是AA級。

參考文章

Web Content Accessibility Guidelines (WCAG) 2.0

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。