小型企業網站無障礙檢查表：WCAG 2.2

基於 WCAG 2.2 的實用網站無障礙檢查清單：鍵盤與焦點逐步檢查、文字、對比、表單標籤和錯誤訊息、圖片文字替代方案，以及自動工具與人工測試的差異，並說明如何記錄結果而不宣稱法律合規。

這份檢查表涵蓋小型企業經營者約一小時內、無須特殊軟體即可完成的檢查：只用鍵盤操作網站、查看文字大小和對比、確認每個表單欄位都有標籤和清楚的錯誤訊息，以及確認圖片有合適的文字替代內容。內容依據WCAG 2.2（多數法律和政策參照的標準），以及 W3C 自行提供的簡易檢查。通過檢查不代表網站符合法律要求；這份清單用來找出常見障礙。

1. 鍵盤和焦點檢查

先把滑鼠放到一旁。從頁面頂端開始按 Tab 到底，再按 Shift+Tab 返回。

[ ] 第一次按 Tab 時會出現「跳至內容」連結（長選單頁面尤其實用）
[ ] 每個連結、按鈕和表單欄位都能用 Tab 選取
[ ] 始終看得出焦點所在位置（外框或醒目提示）
[ ] 焦點順序合理，從上到下、由左至右
[ ] 按 Enter 或 Space 可開啟選單，按 Escape 可關閉
[ ] 可用鍵盤關閉彈出視窗，且焦點會返回頁面
[ ] 焦點不會被困住（始終可以繼續按 Tab）
[ ] 固定頁首不會遮住目前取得焦點的項目

2. 文字、對比、表單標籤和錯誤訊息

[ ] 一般縮放時內文易讀（約 16px 或更大）
[ ] 放大至 200%：內容不重疊、不被裁切，也不必橫向捲動
[ ] 文字對比至少為 4.5:1（大型文字為 3:1），請用工具檢查
[ ] 連結除了顏色之外，還有其他方式可與文字區分
[ ] 每個表單欄位都有可見標籤（預留位置文字不算標籤）
[ ] 必填欄位以文字標示，不能只靠顏色提示
[ ] 錯誤訊息會在欄位旁說明問題和修正方法
[ ] 按鈕文字說明操作（例如「送出詢問」，而非只有「提交」或圖示）
[ ] 網頁已設定語言，標題依序排列（H1、H2、H3）

使用色彩對比檢查工具檢查顏色組合。對比數值依據 WCAG 的對比（最低要求）準則。

3. 圖片用途和文字替代內容

W3C 的替代文字決策樹說明了特殊情況。

4. 自動檢查與人工測試

自動檢查工具能找出只有人才能判斷
缺少 alt 屬性替代文字是否真正有用
純色背景上的低對比照片和影片上文字的對比
沒有標籤的表單欄位標籤和錯誤訊息是否清楚易懂
未設定頁面語言、空白連結鍵盤操作順序、焦點可見性、焦點陷阱
跳過層級的標題標題是否能描述內容

先執行自動檢查（網站評分工具包含基本無障礙檢查；W3C 也維護評估工具清單），再手動完成上述檢查。如果顧客中有許多身心障礙者，請安排身心障礙使用者參與測試。

已填寫的調查紀錄（示範格式）

虛構企業「Harbour Line Plumbing」。並非真實公司；以下示範紀錄格式，不代表實際檢查結果。

檢查日期：[日期]   檢查人：業主   頁面：首頁、服務、聯絡
瀏覽器／裝置：筆記型電腦（只用鍵盤）；手機（開啟螢幕閱讀器）
#  頁面    問題                                      WCAG 參照  已修正？
1  首頁    致電圖示沒有標籤（「按鈕」）              4.1.2      是
2  首頁    主視覺照片上的白字不易閱讀                1.4.3      是，已加深色遮罩
3  聯絡    郵遞區號欄位只把預留位置文字當標籤        3.3.2      是
4  聯絡    錯誤訊息只有「無效」                      3.3.1      是，改為「請輸入電話號碼」
5  服務    圖庫照片替代文字是檔案名稱                1.1.1      是
6  全站    選單連結沒有可見焦點                      2.4.7      未處理，已交由建站者
未測試：影片字幕（網站沒有影片）
空白範本
日期／檢查人／頁面／瀏覽器和裝置：
#  頁面  問題  WCAG 參照  已修正？（是／未處理＋備註）
未測試：

5. 記錄結果，但不要宣稱符合法律要求

在 We.Inc 建置工具中點選編輯，用來修正頁面上的標籤和文字
在 We.Inc 建置工具中直接修正標籤和文字。

下一步

使用企業範本搭配We.Inc 網站建置工具開始建站，發布前再完成這份檢查表和網站評分工具檢查。Free 方案提供最多 3 個範本網站，使用 we.inc 網址（沒有 AI 點數或自訂網域）；Starter 方案每月 $20，可使用 AI 建站和自訂網域（方案價格）。若要估算修正或重建費用，請使用網站費用計算器。

開始建立你的企業網站

常见问题

網站無障礙檢查表應遵循哪個標準？

多數法律和政策參照 WCAG 2.2 AA 等級。這份清單涵蓋小型企業最常見的問題，並未包括所有準則。

自動檢查工具能讓我的網站具備無障礙功能嗎？

不能。自動工具可找出缺少屬性和部分對比問題，但鍵盤操作、焦點狀態，以及標籤和替代文字是否合理，仍須由人檢查。

通過這份檢查表就代表網站符合 ADA 嗎？

任何檢查表都無法保證符合法律要求。請保留附日期的紀錄、發布誠實的無障礙聲明，並向律師了解你的責任。

免费开始 · 无需信用卡

Product

Who It's For

Features

Resources

Company

View Sitemap