WCAG 2.2 的要求主要圍繞可感知性、可操作性、可理解性和健壯性,旨在滿足更多類(lèi)型用戶需求,提高網(wǎng)站可訪問(wèn)性。其具體要求如下:
AA 級(jí)成功準(zhǔn)則
- 1.2.4 字幕(直播):為直播視頻提供字幕,確保聽(tīng)障用戶能獲取視頻內(nèi)容。
- 1.2.5 口述影像(預(yù)先錄制):預(yù)先錄制的視頻應(yīng)提供口述影像,描述視頻中的視覺(jué)信息,方便視障用戶理解。
- 1.3.4 方向:確保內(nèi)容的呈現(xiàn)不依賴特定方向,如用戶無(wú)需旋轉(zhuǎn)設(shè)備即可正常瀏覽。
- 1.3.5 確定輸入目的:明確輸入字段的目的,讓用戶清楚知道需要輸入什么內(nèi)容。
- 1.4.3 對(duì)比度(最低):文本與其背景之間的顏色對(duì)比度應(yīng)至少達(dá)到 4.5:1,對(duì)于較大文本(18pt 或 14pt 粗體)和標(biāo)頭,要求為 3:1。
- 1.4.4 調(diào)整文字大小:文本應(yīng)能調(diào)整到 200% 的大小而不損失內(nèi)容或功能性。
- 1.4.5 文字圖像:除裝飾性文字外,文字圖像應(yīng)包含可通過(guò)文本訪問(wèn)的等效信息。
- 1.4.10 重新排列:內(nèi)容應(yīng)能在不同布局下合理重新排列,不影響理解。
- 1.4.11 非文字對(duì)比:非文字元素(如圖標(biāo)、按鈕)也應(yīng)具有足夠的對(duì)比度,便于用戶識(shí)別和操作。
- 1.4.12 文字間距:應(yīng)提供足夠的文字間距,包括字距、行距等,提升可讀性。
- 1.4.13 在滑鼠停留位置或焦點(diǎn)上的內(nèi)容:鼠標(biāo)停留或元素獲得焦點(diǎn)時(shí)顯示的內(nèi)容,不應(yīng)遮擋其他重要信息或操作區(qū)域。
- 2.4.5 多種途徑:應(yīng)提供多種導(dǎo)航或操作途徑,方便用戶通過(guò)不同方式訪問(wèn)內(nèi)容。
- 2.4.6 標(biāo)題和標(biāo)簽:使用描述性的標(biāo)題和標(biāo)簽,幫助用戶理解頁(yè)面結(jié)構(gòu)和元素功能。
- 2.4.7 清晰可見(jiàn)的焦點(diǎn):當(dāng)元素獲得焦點(diǎn)時(shí),應(yīng)通過(guò)明顯的方式顯示,如變色、加邊框等。
- 2.4.11 不被遮擋的焦點(diǎn)(最小):焦點(diǎn)元素不應(yīng)被其他元素遮擋,確保用戶能看到焦點(diǎn)位置。
- 2.5.7 拖曳動(dòng)作:如果需要拖曳操作,應(yīng)提供其他替代方式,或確保拖曳操作易于執(zhí)行。
- 2.5.8 目標(biāo)大小(最小):交互元素(如按鈕)應(yīng)具有足夠的大小,方便用戶點(diǎn)擊。
- 3.1.2 各部分的語(yǔ)言:明確標(biāo)識(shí)頁(yè)面不同部分的語(yǔ)言,方便使用屏幕閱讀器的用戶切換語(yǔ)言設(shè)置。
- 3.2.3 一致的導(dǎo)覽列:導(dǎo)航欄應(yīng)保持一致,包括位置、樣式和操作方式等。
- 3.2.4 一致識(shí)別:相同功能的元素應(yīng)使用一致的標(biāo)識(shí)和樣式,便于用戶識(shí)別和操作。
- 3.3.3 錯(cuò)誤提示:當(dāng)用戶輸入錯(cuò)誤時(shí),應(yīng)提供清晰的錯(cuò)誤提示,說(shuō)明問(wèn)題所在及解決方法。
- 3.3.4 錯(cuò)誤預(yù)防(針對(duì)法律、財(cái)務(wù)、數(shù)據(jù)資料):對(duì)于涉及法律、財(cái)務(wù)等重要數(shù)據(jù)的輸入,應(yīng)采取措施防止用戶誤操作。
- 3.3.8 無(wú)障礙認(rèn)證(最小):網(wǎng)站應(yīng)提供無(wú)障礙認(rèn)證相關(guān)信息,方便用戶了解其無(wú)障礙水平。
- 4.1.3 狀態(tài)訊息:應(yīng)提供清晰的狀態(tài)信息,如操作成功或失敗的提示,讓用戶及時(shí)了解操作結(jié)果。
AAA 級(jí)成功準(zhǔn)則
- 1.2.6 手語(yǔ)(預(yù)先錄制):預(yù)先錄制的視頻可提供手語(yǔ)翻譯,滿足聽(tīng)障用戶需求。
- 1.2.7 補(bǔ)充聲音描述(預(yù)先錄制):除口述影像外,還可提供更詳細(xì)的聲音描述,豐富視障用戶體驗(yàn)。
- 1.2.8 其他媒體選擇(預(yù)先錄制):為預(yù)先錄制的內(nèi)容提供多種媒體格式選擇,方便不同設(shè)備和需求的用戶訪問(wèn)。
- 1.2.9 只有聲音的檔案(直播):直播的純音頻內(nèi)容應(yīng)提供文本轉(zhuǎn)錄。
- 1.3.6 確定用途:進(jìn)一步明確元素用途,讓用戶更易理解和操作。
- 1.4.6 對(duì)比度(增強(qiáng)):文本與背景對(duì)比度應(yīng)達(dá)到更高標(biāo)準(zhǔn),提升可讀性。
- 1.4.7 低背景聲音或無(wú)背景聲音:對(duì)于有音頻的內(nèi)容,應(yīng)提供低背景聲音或可關(guān)閉背景聲音的選項(xiàng),避免干擾。
- 1.4.8 網(wǎng)頁(yè)外觀:用戶應(yīng)可選擇前景和背景顏色,每行字符數(shù)應(yīng)少于 80 個(gè)英文字母(或 40 個(gè)中文字),且每行保持至少 1.5 倍行距,段落間距為行距的 1.5 倍。
- 2.1.3 鍵盤(pán)(任何情況也不例外):所有功能都應(yīng)能通過(guò)鍵盤(pán)操作,且操作流程應(yīng)合理便捷。
- 2.2.3 不設(shè)時(shí)限:除非必要,不應(yīng)設(shè)置限時(shí)操作,若有,應(yīng)提供延長(zhǎng)時(shí)間或跳過(guò)的選項(xiàng)。
- 2.2.4 中止干擾:用戶應(yīng)能中止自動(dòng)播放的音頻、視頻或其他干擾性內(nèi)容。
- 2.2.5 重新驗(yàn)證:用戶因錯(cuò)誤操作導(dǎo)致頁(yè)面重新加載或驗(yàn)證時(shí),應(yīng)保留已輸入的信息。
- 2.3.2 三次閃動(dòng):頁(yè)面元素不應(yīng)在短時(shí)間內(nèi)閃爍超過(guò)三次,防止引發(fā)光敏性癲癇。
- 2.3.3 互動(dòng)動(dòng)畫(huà):互動(dòng)動(dòng)畫(huà)應(yīng)設(shè)計(jì)合理,避免對(duì)用戶造成干擾或不適。
- 2.4.8 位置:重要元素的位置應(yīng)具有可預(yù)測(cè)性,方便用戶操作。
- 2.4.9 連結(jié)的目的(只適用于連結(jié)):鏈接應(yīng)明確其目的,讓用戶在點(diǎn)擊前能預(yù)知結(jié)果。
- 2.4.12 不被遮擋的焦點(diǎn)(增強(qiáng)):進(jìn)一步確保焦點(diǎn)元素不被遮擋,即使在復(fù)雜布局下也能清晰可見(jiàn)。
- 2.4.13 焦點(diǎn)的外觀:焦點(diǎn)外觀應(yīng)明顯且符合用戶習(xí)慣,便于用戶識(shí)別。
- 2.5.5 目標(biāo)大小(增強(qiáng)):交互元素的大小應(yīng)更大,方便用戶操作。
- 2.5.6 并行輸入方法:支持多種輸入方法同時(shí)使用,如鍵盤(pán)和鼠標(biāo)可同時(shí)操作某些功能。
- 3.1.3 特定用語(yǔ):對(duì)于專(zhuān)業(yè)術(shù)語(yǔ)或特定用語(yǔ),應(yīng)提供解釋或說(shuō)明。
- 3.1.4 簡(jiǎn)略詞:使用簡(jiǎn)略詞時(shí),應(yīng)首次出現(xiàn)時(shí)提供全稱或解釋。
- 3.1.5 可讀性:文本內(nèi)容應(yīng)使用簡(jiǎn)單易懂的語(yǔ)言,避免復(fù)雜句式和生僻詞匯。
- 3.2.5 操控轉(zhuǎn)換:當(dāng)操作方式發(fā)生轉(zhuǎn)換時(shí),應(yīng)給予用戶明確提示。
- 3.3.5 協(xié)助:提供幫助信息或引導(dǎo),方便用戶完成操作。
- 3.3.6 錯(cuò)誤預(yù)防(所有):對(duì)所有可能的錯(cuò)誤輸入都應(yīng)采取預(yù)防措施。
- 3.3.9 無(wú)障礙認(rèn)證(增強(qiáng)):提供更詳細(xì)的無(wú)障礙認(rèn)證信息和測(cè)試報(bào)告等。