在上一篇我們聊過「為什麼要做無障礙設計」，當設計師真正動手時，就可以依照 WCAG（Web Content Accessibility Guidelines）網頁內容無障礙指引。

目前臺灣遵循的是 WCAG 2.1 版，由 W3C 制定。是國際通用的無障礙標準。

WCAG 2.1 的架構是「4 原則、13 指引、78 條成功準則」，你可以把它想成無障礙的「設計骨架」。

📖 無障礙 4 大原則

這四大原則定義了所有無障礙設計的核心精神：

可感知（ Perceivable ）：資訊要能被使用者「察覺」到。

不論是視覺、聽覺或其他感官，都應該能接收到內容。例如圖片要有替代文字、影片要有字幕。

可操作（ Operable ）：介面要能被操作。

不只能用滑鼠，也能用鍵盤或其他輔助工具操作。像是 Tab 鍵能順利瀏覽互動元素。

可理解（ Understandable ）：內容與互動要容易理解。

不論是文字表達或介面行為，都應清楚、可預期。例如錯誤訊息要具體說明該怎麼修正。

可相容（ Robust ）：技術上要能與各種輔助工具或設備兼容。

例如使用正確且語意清楚的 HTML 結構（button、label），讓螢幕報讀軟體或其他輔助科技都能正確識別內容。

🧠 十三項指引（ Guidelines 1.1～4.1 ）

上述所介紹的 4 大原則，底下延伸了13指引，以下是每個原則下的主要指引重點：

【1. 可感知】

• 1.1 替代文字：非文字內容需有替代文字（alt text）。
• 1.2 時間媒體：提供影片字幕、手語或文字稿。
• 1.3 可調適：建立能以不同方式呈現(例如簡化的版面)，而不會喪失資訊或結構的內容。
• 1.4 可辨識：讓使用者能更容易地看見及聽到內容、區分前景和背景。

【2. 可操作】

• 2.1 鍵盤可操作：所有功能皆能用鍵盤操作。
• 2.2 充足時間：提供使用者充分的時間來閱讀及使用內容。
• 2.3 預防痙攣和身體不適反應：不用任何已知會引發痙攣或身體反應的方式來設計內容。（如不使用閃爍頻率高的動畫）
• 2.4 可導覽：協助使用者找到他們所需的資訊，並讓他們能追蹤其位置。
• 2.5 輸入方式：所有功能應可通過指標輸入設備訪問。（例如滑鼠指標、與觸控螢幕互動的手指…）

【3. 可理解】

• 3.1 可讀性：語言標註正確，文字用詞簡潔明確。
• 3.2 可預測性：介面行為應一致，讓網頁以可預期的方式來呈現及運作。
• 3.3 錯誤協助：提示訊息具體，幫助使用者避開和修正錯誤。

【4. 可相容】

• 4.1 技術相容性：使用正確的 HTML、ARIA 標籤等語法，確保輔助技術能讀取。

而這十三指引底下都有各自的成功準則，舉例來說：

【指引 3.2 可預期性】
成功準則3.2.1：焦點 (檢測等級A)
成功準則3.2.2：輸入 (檢測等級A)
成功準則3.2.3：一致的導覽(檢測等級AA)
成功準則3.2.4：一致的識別 (檢測等級AA)
成功準則3.2.5：依請求變更 (檢測等級AAA)

像這樣分成 A、AA、AAA不同程度的成功準則，我們就可以依照公司的要求去遵循相對應的準則。
若想深入了解每個原則的細節，可再查閱 W3C 官方文件或數發部的「無障礙網頁設計規範」。

🧩 檢測等級：A、AA、AAA

上面提到每條成功準則會有三種等級，而不同等級分別代表「達成難度」與「使用者可及程度」：

• A 等級：最低要求。未達成會造成嚴重的使用障礙。
• AA 等級：進階標準，多數政府與企業網站都以此為目標。
• AAA 等級：最高標準，代表極佳的無障礙品質。

👉臺灣目前的網站規範，基本上要求達到 AA 等級。

🧪 無障礙檢測

無障礙網站檢測，分為「軟體檢測」及「人工檢測」：

1. 自動檢測工具（如 Freego）找出程式碼結構問題。
2. 人工檢查（一般及身障檢測人員）驗證實際操作體驗。

軟體檢測必須通過，至「無障礙網路空間服務網 」申請無障礙標章，申請通過後，最後才能進到人工檢測。

📌 總結

遵循這份規範不是只為了取得標章而已，而是為了讓更多人能真正使用你的設計。

最好的無障礙體驗，也不是「為了誰」設計，而是「讓每個人」都能順暢使用！👍