網站無障礙（Web Accessibility）常被誤以為「只是給身障者用的」，但它其實關乎所有人在各種情境下都能順利使用你的網站——包括用鍵盤操作、在強光下看螢幕、或用螢幕報讀軟體的訪客。隨著歐盟無障礙法案上路，它也成為跨境品牌的法遵議題。本文以 W3C 官方標準為依據，說明 WCAG 的四大原則、合格等級，以及可以立刻著手的基礎做法。
什麼是網站無障礙與 WCAG
網站無障礙指的是讓包含身心障礙者在內的所有人都能感知、理解、操作網站。國際通用的標準是 W3C 的「網頁內容無障礙指引」（WCAG，Web Content Accessibility Guidelines），目前的正式版本為 WCAG 2.2。它由 W3C 的網頁無障礙倡議（WAI）維護，是各國法規與業界普遍引用的依據。
四大原則：POUR
WCAG 以四個原則為核心，常以英文字首 POUR 記憶：
- 可感知（Perceivable）：資訊要能被感官接收——例如圖片有替代文字、影片有字幕、文字與背景對比足夠。
- 可操作（Operable）：介面要能被操作——例如所有功能可用鍵盤完成、不設定會誘發癲癇的閃爍。
- 可理解（Understandable）：內容與操作要易於理解——例如用語清楚、表單錯誤有明確提示。
- 穩健（Robust）：內容要能被各種裝置與輔助技術（如螢幕報讀軟體）正確解讀。
三個合格等級：A、AA、AAA
WCAG 將符合程度分為 A（最低）、AA、AAA（最高）三級。實務上，AA 是最常見的目標與法規要求門檻，兼顧可達成性與涵蓋面；AAA 則多用於特定高需求情境，不一定適用於所有內容。
為什麼現在更該重視？
- 法遵：歐盟《無障礙法案》（European Accessibility Act）已自 2025 年 6 月 28 日起適用，要求許多面向消費者的數位產品與服務符合無障礙要求；有跨境業務的品牌需留意。
- 更廣的受眾：無障礙設計同時嘉惠年長者、行動裝置使用者、暫時性不便者，擴大可服務的客群。
- SEO 與體驗：許多無障礙實作（語意化標籤、替代文字、清楚結構）同時有利於搜尋引擎理解與整體使用體驗。
可以立刻著手的基礎做法
- 圖片加替代文字（alt）：為有意義的圖片描述內容，裝飾性圖片留空 alt。
- 確保文字對比足夠：文字與背景顏色對比達標，避免淺灰字配白底。
- 用語意化標題層級：H1、H2、H3 依邏輯排列，方便報讀軟體導覽。
- 可用鍵盤操作：確認連結、按鈕、表單都能只用鍵盤完成。
- 影片與音訊加字幕／文字稿：讓聽障或無法播放聲音的訪客也能取得資訊。
- 表單欄位有清楚標籤與錯誤提示：別只用顏色傳達錯誤。
常見誤區
- 只靠「無障礙外掛覆蓋層」：自動覆蓋工具無法取代真正符合 WCAG 的設計與內容。
- 只用顏色傳達資訊：色盲使用者可能無法辨識，需搭配文字或圖示。
- 替代文字寫「圖片」兩字：應描述圖片實際內容與用途。
- 把無障礙當最後才補：從設計階段納入，成本遠低於事後補救。
結論
網站無障礙不是額外負擔，而是讓更多人能順利使用你網站的基本功，並逐漸成為法遵要求。掌握 WCAG 的四大原則（可感知、可操作、可理解、穩健）、以 AA 為目標、從替代文字與對比等基礎做起，就能踏出穩健的第一步。當需要把整站無障礙與法遵盤點做到位時，專業的網站顧問能協助你系統性地檢視與改善。
參考資料
- W3C WAI, “WCAG 2 Overview.”
- W3C WAI, “Introduction to Web Accessibility.”
- European Commission, “European Accessibility Act.”
