網站無障礙 WCAG 2.2 指南：
中小企必改的十項

刊登日期：2026-10-07

直接答案：2026 年香港私人網站沒有專門法例強制符合 WCAG，但政府網站須符合 WCAG 2.0 AA，數字政策辦公室亦指《殘疾歧視條例》的原則適用於網站。中小企應以 WCAG 2.2 AA 為目標，即 A 與 AA 合共 55 項；先改最常見的六類問題，它們佔 WebAIM 2026 年偵測到錯誤的 96%，文字對比度最少 4.5:1（2026 年 10 月查閱）。

WCAG 2.2 是什麼？香港有法律要求嗎？

網站無障礙（web accessibility）是指網站讓視障、聽障、手部活動不便、認知障礙人士與長者都可以使用。WCAG（Web Content Accessibility Guidelines，無障礙網頁內容指引）是 W3C 制定的國際標準，W3C 說明 WCAG 2.2 於 2023 年 10 月 5 日成為正式建議標準，比 2.1 新增 9 項準則；W3C 亦說明它已成為 ISO/IEC 40500:2025 國際標準。

數字政策辦公室要求政府網站自 2013 年起符合 WCAG 2.0 AA；其常見問題頁則鼓勵公私營機構盡可能做到 2.0 或以上的 AA 級，並指出《殘疾歧視條例》要求機構確保服務可供所有人使用，這項原則亦適用於網站與流動應用程式。對有歐盟客戶的網店，《歐洲無障礙法》由 2025 年 6 月 28 日起適用於電子商務服務，員工少於 10 人且年營業額不超過 200 萬歐元的微型企業可獲豁免。

受影響的人並不少。政府統計處第 63 號專題報告書顯示，2020 年香港有 534,200 名殘疾人士，佔人口 7.1%（未計智障人士）。

A、AA、AAA 三個級別，中小企要做到哪一級？

WCAG 的每一項要求稱為成功準則（success criterion），分為 A、AA、AAA 三個級別：A 是最基本的，沒有做到會令部分人完全無法使用；AA 是各地政府與法規最常採用的水平；AAA 是最高要求。

中小企的合理目標是 AA。按 WCAG 2.2 規範逐項點算，A 級 31 項、AA 級 24 項，舊版的 4.1.1 Parsing 已被刪除。55 項聽起來很多，但大部分只涉及少數頁面元素：文字顏色、圖片、表單、按鈕、影片。一個五頁的公司網站，真正需要修改的地方通常集中在頁首、表單與頁尾。

文字對比度要多少才合格？

對比度是最常見的問題。WCAG 1.4.3（AA）要求一般文字與背景的對比度最少 4.5:1；大字最少 3:1。大字的定義是 18pt 或 14pt 粗體，規範特別註明中文、日文、韓文字型按相等大小計算。按鈕邊框、表單外框與圖示屬非文字元素，按 1.4.11 最少 3:1。

寫本文時，我們以 WCAG 的相對亮度公式實測了同集團網站的四組顏色。深藍底上的金字 10.76:1，綽綽有餘；但同一種金色放在白底只有 1.61:1。頁首紅色按鈕上的白字是 15px、字重 600，屬一般文字，對比度 4.17:1，低於 4.5:1。這個例子說明，品牌色本身沒有對錯，問題在於放在什麼背景之上。

修正的方法有三個：把背景調深、把字色調深，或把字放大到大字標準。最快的檢查工具是 WebAIM Contrast Checker，輸入兩個顏色代碼即時顯示是否合格。淺灰色的說明文字、圖片上的白字、淺色按鈕是最常不合格的三個位置。

圖片、連結與按鈕要補什麼文字？

第二至第六項問題都有同一個原因：螢幕閱讀器（screen reader，把網頁內容讀出來的軟件）讀不到文字。視障人士聽到的只是「圖片」「連結」「按鈕」，不知道它是什麼。

替代文字（alt text）要描述圖片傳達的資訊，而不是檔案名稱。產品相寫產品名稱與特徵，例如「A4 三摺單張，啞粉紙，封面藍色」；純裝飾的背景圖則寫空的 alt，讓讀屏跳過。社交平台與 WhatsApp 的圖示連結最常被遺漏，每一個都要有文字標籤，例如「以 WhatsApp 查詢」。

表單怎樣設計，視障人士與長者才填得到？

表單是中小企網站最重要的頁面元素，也是 WebAIM 發現 51% 首頁有問題的位置。最常見的錯誤，是只用欄位內的灰色提示字代替標籤：訪客一開始輸入，提示就消失，讀屏亦未必讀出。

這些修改同時改善所有人的填寫體驗。以文字說明錯誤，長者與色弱人士都看得明白；不要求重複輸入，手機用戶少打一次地址。表單的設計亦影響查詢追蹤，見〈GA4 轉換追蹤設定指南〉。

鍵盤與觸控：焦點與按鈕尺寸要多大？

不能使用滑鼠的人，以鍵盤的 Tab 鍵逐個移動到連結與按鈕。WCAG 要求所有功能都可以用鍵盤操作（2.1.1），並要看得見目前位置的焦點框（2.4.7）；2.2 新增的 2.4.11 再要求焦點所在的元素不可被浮動橫額或聊天視窗完全遮住。

觸控方面，2.2 新增的 2.5.8（AA）要求觸控目標最少 24×24 CSS 像素，或與其他目標保持足夠距離。很多網站頁尾的社交圖示只有 16×16，而且排得很密，手指較粗的長者很難按中。本公司的品牌網站以 44×44 作為手機按鈕的內部標準，比最低要求寬鬆，亦較少誤按。

WCAG 2.2 新增了哪九項？

W3C 的說明列出 WCAG 2.2 比 2.1 新增的 9 項準則，其中六項屬 A 或 AA，是 AA 目標必須處理的部分：

對香港中小企影響最大的是 3.2.6：大部分網站的聯絡方法是 WhatsApp 按鈕，只要每一頁都放在同一個位置，例如右下角，就符合要求。搜尋結果頭三名的中文資料多數仍以 2.0 或 2.1 為基礎，沒有這一節。

怎樣免費自查？

自查可以全部用免費工具完成。自動工具找得到大部分常見錯誤，WebAIM Million 2026亦指出，最常見的錯誤七年來都是同一批；但自動工具找不到「替代文字寫得對不對」「鍵盤次序是否合理」這類問題，所以要加兩個人手步驟。

四個常用工具：WAVE 在網頁上直接標出錯誤位置；Chrome 內建的 Lighthouse 給出無障礙分數，官方說明分數是各項審核的加權平均；axe DevTools 適合開發人員逐項查看；Contrast Checker 專門檢查顏色。要留意的是，Lighthouse 滿分只代表自動審核全部通過，並不等於符合 WCAG。其他上線前的檢查項目，見〈網站上線前檢查清單〉。

修改要花多少？嘉許計劃值得參加嗎？

修改成本取決於問題出在內容、設計還是程式。替代文字與網頁語言屬內容修改；對比度與按鈕尺寸屬設計修改，通常改幾個顏色與尺寸變數就可以全站生效；表單標籤、鍵盤操作與焦點屬程式修改。Web Daddies 的無障礙檢查與修改按報價，報價會按上述三類逐項列出。

數字政策辦公室說明，原來的「無障礙網頁嘉許計劃」自 2024 年起改名為「數碼無障礙嘉許計劃」，並向參與機構提供免費評估和諮詢服務；2026 至 2027 年度計劃由香港互聯網註冊管理有限公司主辦、數字政策辦公室協辦、平等機會委員會擔任顧問，設有網站及流動應用程式兩個組別。對中小企而言，免費評估本身已經值得：它等於一份由第三方做的檢查報告。

可以省的是昂貴的整站重做，大部分問題改顏色、補文字已經解決；不應該省的是表單與求助按鈕，它們直接決定客戶能否聯絡你。選擇網頁公司時，可以直接問對方新網站是否以 WCAG 2.2 AA 為驗收標準，見〈網頁設計公司推薦：七個必問問題〉。