# WCAG 檢測清單：檢查方式、預期結果與未測紀錄

English version: [https://accesserty.com/en/ai/guides/wcag-testing-checklist.md](https://accesserty.com/en/ai/guides/wcag-testing-checklist.md)

Page version: [https://accesserty.com/guides/wcag-testing-checklist/](https://accesserty.com/guides/wcag-testing-checklist/)

Last updated: 2026-09-28

用具體操作與預期結果檢查名稱、鍵盤、焦點、表單、對比與重排，並記下待確認及未測範圍；這是初步清單，不是完整 WCAG 稽核。

## 重點整理

- WCAG 檢測清單應讓團隊能實際執行，而不是只列成功準則編號。
- 產品、設計、QA 與工程角色都可以先檢查語意、名稱、鍵盤、焦點、錯誤提示與對比。

## 先記範圍，再填結果

這是常見項目的初步檢查清單，不涵蓋全部 WCAG 2.2 AA 成功準則，不能把每項勾完當成符合性證明。還沒決定要測哪些頁面時，先看下方的上線前流程指南。

每項記錄頁面、互動狀態、日期、版本與檢查方式，結果分為「已檢查未發現問題／發現問題／待確認／未測／不適用（附理由）」。沒有測試環境或輔助科技時填未測，不以工具沒有列出問題代替。

## 結構、名稱與圖片

對照實際內容與瀏覽器提供的語意資訊；名稱存在不等於名稱有用。

- 頁面與標題：查看分頁標題、頁面 heading 及主要區域。預期能辨認目前頁面、內容分組和主要內容，標題層級反映結構而非只調字體大小。
- 控制項名稱：檢查按鈕、連結和欄位的可及名稱，再對照可見文字與用途。預期使用者能辨識操作；名稱不應漏掉可見標籤。實際朗讀要另外以螢幕閱讀器確認。
- 圖片：依所在段落與連結用途查看替代文字。預期資訊圖片傳達必要資訊，裝飾內容不重複朗讀；不要只用 alt 屬性存在與否判斷。

## 鍵盤、焦點與狀態

從進入到完成任務都不用滑鼠；不同元件的按鍵模式不同，不要求每個項目都用 Tab。

- 到達與操作：使用 Tab／Shift+Tab，在原生按鈕上試 Enter／Space，複合元件依其模式試方向鍵。預期能操作所有需要的功能，順序有意義，不出現無法離開的陷阱。
- 焦點可見：檢查頁首、黏附工具列、彈出內容及窄螢幕。預期目前操作位置可辨認，焦點不會完全被其他內容遮住。
- 開啟與返回：打開對話框或選單、操作後關閉。預期焦點按元件模式進入與返回合理位置；模態對話框內的焦點循環不應直接當成陷阱，但必須能用鍵盤關閉。
- 狀態：展開、收合、選取並觸發載入或錯誤。預期可見狀態與可及角色／狀態一致，必要的結果提示可被輔助科技得知；未做朗讀驗證就保留未測。

## 表單與錯誤修正

使用已授權的測試環境與虛構資料；付款、寄信或建立訂單先用測試模式，避免對真實使用者造成副作用。

- 填寫前：逐一確認標籤、必填資訊與格式說明。預期不用猜測或只靠會消失的 placeholder 才能知道該填什麼。
- 錯誤後：刻意漏填或輸入無效值，再送出。預期能找到哪個欄位出錯、理解如何修正，錯誤不只靠顏色；確認欄位與提示有語意關聯。
- 修正到完成：修正資料後再次送出。預期已填內容合理保留、焦點可繼續操作，且能知道成功、失敗或仍在處理；若有登入驗證，也確認密碼管理器與貼上是否可用。

## 對比、放大與內容重排

在實際頁面狀態檢查，不只檢查設計稿。以下是操作起點；門檻與例外仍需依適用的成功準則判斷。

- 對比：量測正文、連結、錯誤及選取狀態的實際前景與背景。預期符合相應文字或非文字對比要求；停用控制項有對比例外，不要一律套一般文字門檻，也不要用顏色作唯一提示。
- 重排：對一般垂直捲動頁面，以 320 CSS px 寬度或相當的瀏覽器縮放查看。預期不遺失資訊或功能、不必左右來回讀一般文字；表格或地圖等必要二維內容的例外不會自動延伸到整頁。
- 實際操作：放大與調整文字間距後，再打開導覽、表單錯誤與對話框。預期文字不被截斷，操作仍可完成；僅有手機截圖不代表已測過桌面縮放。

## 最後保留未測範圍

把未測的瀏覽器、輔助科技、登入狀態、文件或影片寫進紀錄，指定後續確認的人。沒有影片可記不適用，但有影片尚未看字幕，就不能記成通過。

這份初步清單沒有逐一涵蓋觸控目標、時間限制、動態內容、音訊影片、完整身份驗證等所有要求。需要正式符合性評估時，應依完整適用標準與評估範圍另行安排。

## 延伸閱讀

- [先安排範圍：上線前檢測流程](<https://accesserty.com/guides/accessibility-testing-before-launch/>)

- [W3C WAI：初步無障礙檢查](<https://www.w3.org/WAI/test-evaluate/preliminary/>)

- [W3C：內容重排與例外](<https://www.w3.org/WAI/WCAG22/Understanding/reflow.html>)

- [W3C：最低文字對比](<https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html>)

- [看懂 WCAG 檢測結果](<https://accesserty.com/wcag-compliance-tool/>)

- [焦點路徑檢查指南](<https://accesserty.com/guides/how-to-check-keyboard-focus-path/>)

- [色彩對比：文字與非文字規則](<https://accesserty.com/glossary/color-contrast/>)

- [點擊與觸控目標大小：AA、AAA 與例外條件](<https://accesserty.com/glossary/target-size/>)

- [可及的身份驗證術語頁](<https://accesserty.com/glossary/accessible-authentication/>)

- [Accesserty DevCheck](<https://accesserty.com/devcheck/>) — 用瀏覽器內工具檢查本機、測試站、登入後頁面與互動狀態。

- [網站無障礙檢測工具](<https://accesserty.com/web-accessibility-checker/>) — 針對實際頁面、登入後狀態與互動狀態做初步無障礙檢查。

- [無障礙實作與維護指南](<https://accesserty.com/guides/>) — 依實際任務瀏覽公開訊號、上線前檢查、上線後維護與標準限制指南。