網站無障礙設計指南：WCAG 2.1 AA 標準是什麼？網站要符合哪些要求？

WCAG 2.1 AA 是什麼？無障礙設計的國際標準

WCAG 2.1 AA 是由 W3C（萬維網聯盟）下轄的 WAI（網路無障礙倡議小組）所制定的「網頁內容無障礙指南」（Web Content Accessibility Guidelines）2.1 版本中的「AA」符合性等級。它是一套國際公認的技術與設計指引，旨在確保網站內容能被所有使用者，包括依賴輔助科技的身心障礙者，有效地感知、理解與操作。相較於 2.0 版本，WCAG 2.1 特別強化了對行動裝置及新興科技的無障礙考量。而「AA」等級代表了中級的符合性要求，它是全球多數國家法規（例如臺灣的《身心障礙者權益保障法》）以及企業實踐中最常採用的基準，代表網站在合理的技術與成本範圍內，已達到了相當程度的無障礙要求。

網站必須符合 WCAG 的哪些核心原則？四大設計守則 (POUR)

所有 WCAG 技術要求都建立在四大核心原則之上，簡稱 POUR。這四個原則是無障礙設計的基礎框架，從根本上指導網站如何被設計與建構。

• 可感知 (Perceivable)：資訊和使用者介面組件必須以使用者可以感知的方式呈現。這意味著不能只依賴單一感官通道，例如圖片必須提供文字替代方案（alt text），讓視障使用者能透過螢幕閱讀器獲知內容。
• 可操作 (Operable)：使用者介面組件和導覽必須是可操作的。這包括所有功能都能透過純鍵盤完成（例如使用 Tab 鍵切換焦點），並且不會因閃爍內容而誘發癲癇。
• 可理解 (Understandable)：資訊和使用者介面的操作必須是可理解的。這涉及文字內容的清晰可讀性、導覽的一致性，以及錯誤訊息的明確提示，讓使用者能預期操作結果。
• 強健 (Robust)：內容必須足夠強健，能被各種使用者代理（包括未來可能出現的輔助科技）可靠地解釋。這要求程式碼必須符合標準，並能與輔助科技相容。

A、AA、AAA 有什麼不同？認識 WCAG 三等級

WCAG 的符合性等級分為三級，代表達成無障礙的不同程度與範圍。選擇哪個等級取決於網站的目標、受眾與法規要求。下表說明瞭三級的主要差異：

等級	說明	適用情境
A 級（最低要求）	必須達成的基本無障礙功能，是合規的底線。未能符合 A 級要求會造成嚴重的障礙。	所有網站都應滿足的最低標準。
AA 級（中級要求）	能滿足大部分輔助科技使用者的需求。這是平衡實用性與合規性的「甜蜜點」，也是多數法規的最低要求。	建議多數網站（特別是企業、政府、教育機構）達成的等級。
AAA 級（最高要求）	追求最佳的無障礙體驗，但部分標準可能過於嚴格，難以全面達成。	通常針對特定內容或功能追求，作為卓越設計的目標。

WCAG 2.1 AA 實作檢查點：網站要符合的 10 項核心技術要求

為了達到 WCAG 2.1 AA 級符合性，網站在開發與維運過程中需要關注以下十項可檢測的核心技術要求。這份清單可作為設計稿審核、開發測試與上線驗收的具體指引。

1. 色彩對比：普通文字與背景色的對比度至少需達到 4.5:1，大文字（18pt 或 14pt 粗體以上）則需達到 3:1。這確保了低視力或色盲使用者能清晰閱讀文字。在規劃網頁配色時，就應將色彩對比納入評估流程。
2. 圖片替代文字：所有傳達資訊的圖片，都必須透過 HTML 的 alt 屬性提供有意義的文字描述，讓螢幕閱讀器能向視障使用者朗讀。
3. 鍵盤可操作性：所有功能（如下拉選單、彈出視窗、自訂控制項）都必須能透過鍵盤完成操作，且焦點指示（例如外框）必須明確可見。
4. 表單標籤：每個表單輸入欄位（如文字框、勾選框）都必須有明確關聯的標籤（<label>），讓使用者知道該輸入什麼。
5. 多媒體字幕：預錄的影片與音訊內容，必須提供同步的字幕或文字稿。即時廣播的內容也應提供字幕。
6. 網頁標題明確：每個頁面的 <title> 元素必須能明確描述該頁面的內容或目的，幫助使用者（尤其是使用標籤頁的使用者）快速識別。
7. 標頭層級正確：使用標頭元素（<h1> 至 <h6>）來呈現文件的結構層級，且不應跳過等級（例如從 <h1> 直接到 <h3>）。這有助於螢幕閱讀器使用者快速導覽。選擇易讀的字型並正確設定標頭樣式，能進一步提升文件結構的清晰度。
8. 連結文字清晰：連結文字應能說明其目的或目標（例如「閱讀我們的服務條款」），避免使用「點這裡」或「更多」等模糊字眼。
9. 避免閃爍內容：網頁上的任何內容，其閃爍頻率不得高於每秒 3 次，以避免引發光敏性癲癇。
10. 正確標記語言：在 <html> 標籤中使用 lang 屬性指定頁面的主要語言（例如 lang="zh-TW"），確保輔助科技能以正確的發音朗讀內容。

臺灣的無障礙標章與 WCAG 的關係是什麼？

臺灣政府推動的「無障礙標章」制度，其審查技術標準直接採用國際的 WCAG 標準。標章依符合程度分為 A、AA、AAA 三級，正好與 WCAG 的三個等級一一對應。因此，網站若申請並取得無障礙標章的 AA 級認證，即代表其網站內容與技術架構已通過 WCAG 2.1 AA 級的相關檢測。需要特別注意的是，無障礙標章並非永久有效，它具有一定的時效性。這意味著網站在取得標章後，若進行了內容更新、功能新增或技術改版，都可能影響其合規狀態，必須持續進行維護與檢測以確保持續符合標準。

結論：將 WCAG AA 納入設計與開發流程

網站無障礙設計並非項目完成後才需考慮的附加功能，而是應從網站規劃、設計、開發到上線維運的整個生命週期中，全程納入的系統性流程。將前述的十項核心技術要求，轉化為設計稿的審核清單、開發完成的測試項目以及上線前的驗收標準，是務實的整合方式。符合 WCAG AA 標準不僅是為了滿足法規要求，從更廣泛的網頁設計方法論來看，它能潛在地提升所有使用者的瀏覽體驗，並優化網站的結構清晰度，對 SEO 可能產生正面的間接效益。

什麼是 WCAG 2.1 AA 標準？

WCAG 2.1 AA 是由 W3C WAI 制定的「網頁內容無障礙指南」2.1 版本中，「AA」等級的符合性要求。它提供了一套國際公認的技術與設計指引，確保網站能被包含身心障礙者在內的所有使用者有效使用，是多數法規與標章採用的中級基準。

WCAG 的四大原則 (POUR) 是什麼？

簡稱 POUR 的四大原則是：可感知 (Perceivable)、可操作 (Operable)、可理解 (Understandable)、強健 (Robust)。它們是所有 WCAG 技術要求的基礎框架，指導網站如何從底層設計就考慮無障礙。

WCAG A、AA、AAA 等級有什麼區別？

這三個等級代表符合無障礙指南的程度。A 級是最低的基本要求；AA 級是中級要求，能滿足大多數使用者需求，也是法規常見的最低標準；AAA 級是最高、最理想的等級，但實作難度較高。通常建議網站至少達到 AA 級。

為了符合 WCAG 2.1 AA，網站在色彩和圖片上需要注意什麼？

在色彩方面，文字與背景的對比度必須達到 4.5:1（大字體為 3:1）以上。在圖片方面，所有傳達資訊的圖片都必須提供有意義的替代文字 (alt text)，讓螢幕閱讀器能向視障使用者朗讀圖片內容。

臺灣的無障礙標章和 WCAG 標準是什麼關係？

臺灣的「無障礙標章」審查即以 WCAG 標準為依據。標章分為 A、AA、AAA 三級，直接對應 WCAG 的符合性等級。網站取得 AA 級標章，即代表其內容與技術已通過 WCAG 2.1 AA 級的相關檢測。

為什麼我的網站需要符合 WCAG AA 標準？

符合 WCAG AA 標準主要有兩大效益：一是法規合規，臺灣《身心障礙者權益保障法》要求特定類型網站須符合無障礙規範；二是提升體驗與效益，無障礙設計能改善所有使用者的瀏覽體驗，並可能間接對 SEO 產生正面影響。

鍵盤可操作性為什麼對無障礙網站很重要？

因為許多行動不便或視障使用者依賴鍵盤或鍵盤替代設備（而非滑鼠）來導覽網站。確保所有功能都可以透過 Tab 鍵等鍵盤操作完成，且有清晰的焦點指示，是 WCAG AA 級的強制要求。

無障礙標章取得後是否一勞永逸？

不是。無障礙標章通常具有時效性，且後續的網站更新、內容新增或功能修改，都可能影響其合規狀態。因此，網站需要持續進行維護與檢測，以確保始終符合標準要求。