跳至中央內容區塊 :::
:::

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

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

最後更新:

重點摘要

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

先記範圍，再填結果

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

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

結構、名稱與圖片

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

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

鍵盤、焦點與狀態

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

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

表單與錯誤修正

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

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

對比、放大與內容重排

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

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

最後保留未測範圍

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

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

相關頁面