WCAG 2.2 是什麼?網頁無障礙標準完整解析

全球前 100 萬個網站首頁,在 WebAIM 最新一次的年度普查裡,九成五以上仍被抓到至少一項可偵測的無障礙缺失,平均每個首頁藏著 56.1 個錯誤,比前一年還多了一成。換句話說,這幾年網頁做得越來越花俏、互動越來越多,無障礙的落實情況反而不進反退:螢幕報讀軟體讀不出的按鈕、對比不足到看不清的文字、鍵盤按了老半天卻跳不到下一個欄位,這些狀況幾乎每天都在發生,只是多數人沒被擋在門外過,不會特別注意到。

那全球的無障礙設計,難道各做各的、沒有共同依據嗎?其實不是。WCAG(Web Content Accessibility Guidelines,網頁內容無障礙指南)2.2 版,就是目前各國公認的最新網頁無障礙標準,規定網頁該怎麼設計,身心障礙或其他限制的使用者才能感知、操作、理解內容,而不是各國各憑感覺、各做一套。它更像一張把「所有人都能用」拆解成具體條件的檢查清單,先弄懂這張清單在規範什麼,才看得出自己的網站究竟卡在哪個環節。

先從 WCAG 到底是誰訂的、為什麼版本一路推陳出新開始講起,再往下拆它實際管了哪些東西。

WCAG 是什麼?一套各國都在參照的網頁無障礙指南

想像一下,如果台灣、歐盟、美國各自訂一套網頁無障礙規則,同一支購物網站要外銷出去,得照三套規則各改一次版,才能同時通過三地審查,這正是 WCAG 存在的理由。WCAG(網頁內容無障礙指南)是全球資訊網協會(World Wide Web Consortium,簡稱 W3C)制定的技術標準,規範網頁內容要怎麼設計,身心障礙或其他限制(例如年長者手部不靈活、色弱、暫時性受傷)的使用者才能感知、操作、理解,並在不同裝置與輔助工具上都能穩定使用。

WCAG 2.2 由 W3C 制定,是全球共通的網頁無障礙技術標準,管的是 POUR 四原則、分 A/AA/AAA 三等級、含 87 條準則,並延伸到 App 與軟體
一張圖看懂 WCAG 2.2:誰制定、它是什麼、管什麼、分幾級、最新版與適用範圍,全文骨架一次建立起來。

它本身不是任何一個國家的法律,而是一份各國政府、企業、開發者都能照著做的國際共通技術依據,不必各自摸索、各自發明一套判準。至於 WCAG 為什麼會有 1.0、2.0、2.1、2.2 這麼多版本,又是誰在背後持續維護,下面接著拆。

誰在制定 WCAG?版本為什麼一直往前推進?

負責制定與維護 WCAG 的,是 W3C 底下的無障礙指引工作小組(Accessibility Guidelines Working Group,簡稱 AG WG,前身叫 WCAG 工作小組)。這個小組的運作方式公開透明,參與者包括各國無障礙專家,也包括身心障礙者本人的代表,規則不是關起門來幾個工程師拍板定案。

版本的推進,從 1999 年的 WCAG 1.0 開始,2008 年來到 2.0,2018 年推出 2.1,一路走到 2023 年 10 月 5 日正式發布為 W3C 建議標準(Recommendation)的 2.2,2024 年 12 月又針對用詞與定義做過一次修訂更新。這條時間軸容易讓人誤會成舊版被淘汰、整套推翻重寫,但實際上每一次改版都是在既有基礎上疊加新規則,舊的內容多半留著,只是補上新一代裝置與新一代使用情境還沒被涵蓋到的部分。這點在下一節看數字會更清楚。

WCAG 版本演進時間軸,1999 年 1.0、2008 年 2.0、2018 年 2.1 到 2023 年 2.2,成功準則從 61 條累加到 87 條,每次改版都在舊版上疊加
WCAG 版本只增不減:2.0 有 61 條、2.1 加到 78 條、2.2 再到 87 條,且新版回溯相容舊版。

WCAG 2.2 和 2.0、2.1 有什麼差異?

版本差異攤開來看最清楚。WCAG 2.0 底下有 12 項指引、61 條成功準則;2.1 沒有更動舊指引,而是往上疊了 1 項新指引(累計 13 項)、17 條新準則(累計 78 條);到了 2.2,指引數沒有再增加,但又新增 9 條成功準則,累計來到 87 條。唯一被拿掉的一條是舊版裡的「4.1.1 剖析(Parsing)」,因為現代瀏覽器已經能自行妥善處理標記寫法有誤的網頁,這條準則在 2.2 被標記為過時,不再要求檢測。

也因為 2.2 是在 2.1、2.0 的基礎上疊加,而不是砍掉重練,符合 2.2 版規範的內容,同時也符合 2.1 與 2.0 的要求,這是 W3C 官方明講的回溯相容特性。這也是為什麼官方建議新的網站與服務直接採用最新的 2.2 版,而不必回頭死守舊版,因為採用新版就等於同時滿足舊版的要求,不會有顧此失彼的問題。

POUR 四大原則:無障礙網頁在檢查什麼

WCAG 底下那 13 項指引,並不是各自獨立、想到哪條算哪條,而是全部收在 4 個上位原則之下,合稱 POUR:可感知(Perceivable)、可操作(Operable)、可理解(Understandable)、穩健(Robust)。記住這四個字,以後看到任何一條 WCAG 準則,都能先問一句「這是在管感知、操作、理解,還是穩健」,馬上就能歸類,不必硬背 87 條細則。

以下用四個生活化的情境分別對應這四個原則,像是一個線上申請表單、一支企業形象網站在日常使用中會遇到的狀況,而不是抽象的條文用詞。

POUR 四大原則四格卡:可感知、可操作、可理解、穩健,是 WCAG 所有指引的上位分類框架
POUR 四大原則把 WCAG 拆成感知、操作、理解、穩健四類,看到任何一條準則都能先歸位。

可感知:資訊要能被看到、聽到

可感知,講的是內容至少要能透過一種感官管道被使用者接收到,不是只顧到看得到,也要顧到聽得到、能被輔助科技讀出來。

舉例來說,一張說明商品規格的圖片如果沒有加上替代文字(alt text),靠螢幕報讀軟體逛網站的使用者,到這張圖就完全接收不到任何規格資訊,這段內容對他來說等於不存在;一段介紹產品的影片如果沒有字幕,聽障使用者同樣看得到畫面,卻抓不到重點在講什麼。

這個原則底下要顧到的,包括幫圖片與非文字內容準備文字替代方案、幫影音內容準備字幕與替代說明、讓內容能換一種形式呈現也不流失原本的意義,核心都是想辦法讓每個人都能看見、也能聽見網站想傳達的內容。

可操作:功能不能只靠滑鼠才用得到

可操作,管的是所有互動功能都要真的能被操作到,而且操作方式不能預設只有滑鼠這一種,鍵盤、語音輸入、切換裝置(switch device)這類替代輸入方式,都要能完成同一件事。

除了輸入方式,這個原則也管:要給使用者足夠的時間閱讀與操作,不要一頁還沒看完就自動跳走;不能用會引發癲癇或身體不適反應的閃爍內容;還要幫使用者導覽與定位,讓人清楚知道自己在網站的哪個位置、怎麼回得去上一頁。

可理解:內容與操作要合乎邏輯

可理解,管的是內容本身要好懂、頁面的運作方式要在使用者預期之內、填錯資料時要能被清楚提醒並協助修正。最常見的反例,是表單填錯卻只跳出一個紅色驚嘆號,使用者根本不知道錯在哪一欄、該怎麼改,只能整份表單重填一次去試錯。

這個原則涵蓋的範圍,包括文字本身要可讀、可理解,頁面呈現與操作方式要維持一致與可預期(不會無預警跳頁或彈出視窗),還有協助使用者避免犯錯,以及犯錯之後要怎麼更正。

穩健:換了裝置、輔助工具也要讀得懂

穩健是四個原則裡最偏技術面的一項,一句話講完:網頁的程式碼寫法要夠規範,不管現在或未來出現的瀏覽器、螢幕報讀軟體、語音助理,都能正確解讀這個頁面在說什麼、做什麼,不會因為標記寫法不乾淨,讓某些輔助科技讀不出內容、或誤判某個按鈕的功能。

A、AA、AAA 三個等級,有什麼差異?

知道 WCAG 在檢查感知、操作、理解、穩健這四件事之後,接著要問的是,同樣一條原則,要做到什麼程度才算過關,而這正是 WCAG 另外設計三個等級要回答的問題。

WCAG 2.2 的 87 條成功準則,依照做到的難易度與影響範圍,分成三個等級:A 級有 32 條,是最基本的門檻,達不到就會造成使用者明顯的操作障礙;AA 級再加 24 條,是多數國際法規與標案驗收鎖定的目標;AAA 級再加 31 條,是最嚴格的一層,涵蓋一些特殊情境或難以全面落實的要求。

要特別注意的是,這三個等級是疊加關係,不是三選一。符合 AA 級,代表同時滿足了 A 級與 AA 級的所有準則,不是跳過 A 級、直接挑 AA 級的準則來做。

WCAG 的 A、AA、AAA 三個等級是疊加關係,A 為 32 條、AA 累計 56 條、AAA 累計 87 條,符合高等級即同時滿足低等級
等級不是三選一,而是疊加:符合 AA 就代表 A 與 AA 的 56 條準則全數達成,多數法規也以 AA 為目標。

為什麼多數規範以 AA 為目標,不是 AAA?

國際上大多數法規與標案驗收標準,像是歐盟的 EN 301 549、美國聯邦體系的相關規範,鎖定的都是 AA 級,而不是最高的 AAA,原因跟越嚴格越好沒有關係。AAA 級裡有些準則涉及的限制太特定,例如某些內容形式的替代方案,在技術上根本難以全面達成,W3C 官方文件本身也明講,並非所有內容都可能做到 AAA 級。AA 因此被視為有效的無障礙與可以真的落實之間的平衡點,不是等級越高分數越高這麼單純的邏輯。

WCAG 2.2 新增的 9 條成功準則,一次看懂

確定要往 AA 這個目標努力之後,實際會遇到的 87 條準則裡,有 9 條是 2.2 版才新加進來的,也是這次改版最值得認識的部分。這 9 條新準則共同的重心,多半是在回應行動裝置操作、鍵盤與游標操作、認知障礙使用者這幾類過去比較沒被完整照顧到的困難,可以照 W3C 官方的分類,收進 4 組情境來理解。

WCAG 2.2 新增的 9 條成功準則依 4 組情境分類,涵蓋焦點可見、拖曳替代、點擊目標大小、求助入口一致與登入驗證,並標出各條 A/AA/AAA 等級
WCAG 2.2 新增的 9 條準則依 W3C 官方分成四組情境,各條編號與 A/AA/AAA 等級一次對照清楚。

焦點要看得到:2.4.11~2.4.13

這三條準則管的都是鍵盤焦點,也就是用 Tab 鍵在頁面上移動時,目前選到哪個項目要能被看見。2.4.11(AA)要求焦點所在的元素至少要有一部分露出來,不能被固定式頁尾、彈出視窗整個蓋住;2.4.12(AAA)要求得更嚴格,完全不能被遮住;2.4.13(AAA)則規定焦點框本身要有足夠的大小與對比度,至少要有 2 CSS 像素厚的外框、對比度達到 3:1 以上,視力不佳的使用者才分辨得出焦點目前停在哪裡。

用語音輸入軟體操作、沒辦法用滑鼠的使用者最容易碰上這個問題。如果頁面底部固定貼著一條橫幅,焦點移到被擋住的項目時完全看不到,使用者就不知道自己剛剛選到了什麼,只能憑猜的往下操作。

拖曳要有替代方案、點擊目標要夠大:2.5.7、2.5.8

這兩條準則,處理的是手不方便做精準操作的情境。2.5.7(AA)規定,任何需要拖曳才能完成的操作,像是拖動項目排序、拖曳滑桿選數值,都要提供一個不必拖曳的替代做法,例如改用點擊上下箭頭調整順序。2.5.8(AA)則規定,可以點擊的按鈕、連結這類目標,大小至少要有 24 乘 24 CSS 像素;真的做不到這個尺寸,也要跟旁邊的目標保持足夠間距,避免手震或操作不夠精準的使用者,一不小心就按到隔壁的按鈕。

求助入口要固定、資料別重複填寫:3.2.6、3.3.7

這兩條準則處理的是認知負擔。3.2.6(A)規定,如果網站在多個頁面都提供求助管道,例如客服聯絡方式、線上客服、自助說明,這些入口要出現在網站裡相對一致的位置,有認知障礙的使用者才不必每次換頁都重新找一遍。3.3.7(A)則規定,同一個流程裡,使用者已經填過的資料不能再要求重新輸入一次,要嘛自動帶入、要嘛提供選取即可,除非基於安全性或資料已經失效這類合理的例外。

登入別再考驗記憶力:3.3.8、3.3.9

這兩條準則處理的是登入驗證流程,對認知障礙使用者造成的困難。3.3.8(AA)規定,網站不能強制使用者一定要靠記住密碼、解出一道謎題這類需要動用認知功能測試的方式,才能完成身分驗證,除非同時提供其他替代方式,例如讓密碼管理器自動填入、允許複製貼上,或是改寄一封驗證信到信箱。3.3.9(AAA)是加強版,連從一堆圖片裡認出特定物件這類驗證方式,也要提供替代選項。記不住密碼、每次登入都卡在同一關過不去,是不少使用者天天在碰的困擾。

WCAG 適用範圍有多廣?不只是網頁

看完這 9 條新規則,可能會有個誤解,以為 WCAG 管的只有網頁。名稱裡雖然有個 Web 字,但它的影響力早就超出網頁本身。W3C 另外發布了 WCAG2ICT,把同一套原則延伸到 App、軟體介面、電子文件這類非網頁的資通訊產品上,同一套判準,不用另外重新發明一套。

版本現況上,2023 年 10 月發布的 WCAG 2.2,目前已經是國際標準化組織核可的正式標準 ISO/IEC 40500:2025。跟各國既有法規的對照關係,目前也還在追趕階段。歐盟的 EN 301 549 目前採用的仍是 WCAG 2.1,官方預告未來版本才會跟上 2.2;美國的 Section 508 標準,目前參照的版本則是更早的 WCAG 2.0。台灣的網站無障礙相關規範,目前對應的版本同樣落在 WCAG 2.2 之前的世代,這代表 2.2 版新增的這 9 條規則,還沒有被完整納入國內既有規範裡。

回到最前面那組數字,標準寫得再清楚,近百分之九十六的網站首頁還是被抓到缺失,落實率始終低迷。問題往往不是這些網站的經營者不知道該做無障礙,而是根本沒搞懂 WCAG 2.2 具體在講什麼、要做到什麼程度才算數。

87 條成功準則、三個等級、9 條新規則,拆開來看很多,但本質上都在做同一件事,把「所有人都能用網站」這句話,拆解成一條一條可以被檢查、被驗證的具體條件。標準本身不會自動變成一個對所有人都友善的網頁,但它至少讓「友善」這件事,有了一套看得懂、也查得到的共同語言。

資料來源
  1. The WebAIM Million: The 2026 Report on the Accessibility of the Top 1,000,000 Home Pages — WebAIM
  2. Web Content Accessibility Guidelines (WCAG) 2.2 — W3C
  3. Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT) — W3C
  4. ISO/IEC 40500:2025 — Information technology — W3C Web Content Accessibility Guidelines (WCAG) 2.2 — 國際標準化組織
  5. Web accessibility standards - latest changes — 歐盟執委會
  6. Applicability & Conformance Requirements — Section508.gov