【無障礙網站 2026 指南】WCAG 2.2 四大原則拆解：做到哪一級才符合香港官方要求？ 【無障礙網站 2026 指南】WCAG 2.2 四大原則拆解：做到哪一級才符合香港官方要求？

     

什麼是無障礙網站？WCAG 四原則一次看懂

無障礙網站為誰而設？

無障礙網站是所有人用得到的網站，不是另做一個「傷殘版」。萬維網聯盟的定義講明，網站與技術要設計到殘疾人士能夠使用；數字政策辦公室的《無障礙網頁手冊》再問機構一句：是否所有人，包括殘疾人士，都能接觸到網站提供的資訊？長者、手臂短期受傷的人、在猛烈陽光下看不清屏幕的人，同樣在受益名單上。

WCAG 四原則

WCAG，官方中文名《無障礙網頁內容指引》，用四項原則組織全部準則：資訊要可感知、介面要可操作、內容要可理解，代碼要夠穩健讓輔助技術讀得懂。讀屏軟件「聽」得到資訊，是感知；全鍵盤完成結賬，是操作；錯在哪一欄用文字講清楚，是理解；替代文字與標題層級這類機器讀得出的結構，是穩健。準則之下再分 A、AA、AAA 三個級別。

為什麼要做無障礙網站？

數字政策辦公室把採用無障礙設計的理由列了五項：社會責任、法律責任、開拓潛在市場、在搜尋結果中排得更佳位置、降低成本。對香港的學校、NGO 與中小企，這五項會先變成兩種壓力：一批用不到網站的客，以及招標文件裏那行「無障礙」。

受影響的客羣比你想的多

客羣的基數有官方數字。政府統計處2021 年 12 月公布的 2020 年統計顯示，全港約有 534,200 名殘疾人士，佔人口 7.1%。長期病患者是另一個群組，全港約有 1,799,100 人。數字政策辦公室的常見問題頁則指出，長者與色盲人士同樣受惠於無障礙功能。殘疾人士按類別的細分見下表。

政府、學校與 NGO 的採購與資助條款

這條 AA 底線怎樣落到自己頭上，按項目性質分三類：做政府項目，直接寫 2.2 AA，政府對自己網站的官方要求正是這一級；公營機構與受資助機構沒有劃一規定，招標或資助文件寫了哪一版，就跟哪一版；私營機構跟官方對 AA 的建議走。

校園機構由大專院校、中小學、幼稚園到職業訓練機構都有，網站的選校資訊與報名表同樣要照顧長者與殘疾用戶。本地大學已經在做。香港中文大學在數碼無障礙嘉許計劃 2024 至 2025 年度取得 30 個獎項，嶺南大學取得 21 個。教大的聲明寫明以 WCAG 2.0 AA 為標準。

我們服務香港八大院校與 500+ 非牟利及教育機構的經驗是：無障礙查詢多數由招標或客戶的採購文件觸發。收到文件，第一步是把寫明 WCAG 的那一行抄出來，對版本、對級別，再看範圍寫不寫流動版，這兩格直接決定要修多少。

與 SEO 的交疊

替代文字、標題層級、語意化結構，讀屏軟件與搜尋器讀的是同一批欄位。政府手冊把「在搜尋結果中排得更佳位置」列為採用無障礙設計的理由，寫明無障礙程度越高，越能有效提升網站在搜尋結果中的表現；Google 搜尋中心的圖片指引同樣講明，會用替代文字連同電腦視覺演算法與頁面內容判斷圖片主題，堆關鍵詞是反面示範。為讀屏用戶寫好替代文字，搜尋器照收。

香港法律對無障礙網站有沒有要求？

現行的要求寫在《殘疾歧視條例》（香港法例第 487 章）的原則裏：機構須確保其服務可供所有人使用，數字政策辦公室的常見問題頁與平等機會委員會都是這個寫法，條例適用範圍包括貨品與服務的提供、教育與僱傭。技術等級那條線，由政府對自己網站的規定與個別招標文件補上。香港以外，歐盟已把電子商務列入無障礙法規適用範圍。中小企真正感受到的壓力，通常來自客戶查詢與投標資格。

無障礙網站要做到哪一級？香港官方的答案是 AA

香港官方的答案可以記成三句：政府網站自 2013 年起須符合 WCAG 2.0 或以上的 AA 級別；革新或開發新網站必須採用 2.2 版 AA；對私營機構，A 級別只達到無障礙的最低標準，採用 AA 一般已能讓殘疾人士使用網站。

A、AA、AAA 分別要求什麼？

WCAG 現時有三個版本並行：2.0（2008 年 12 月 11 日發布）、2.1（2018 年 6 月 5 日）、2.2（2023 年 10 月 5 日）；數字政策辦公室講明三版均為現時採用的標準，2.2 在 2.1 之上增設 9 項成功準則，全套合共 86 項。

級別是逐級收齊的：要符合 AA，網頁必須符合 A 與 AA 全部成功準則，A 只是起點。2.2 新增的九項準則，萬維網聯盟的WCAG 2.2 新增內容頁逐項列出，與日常介面直接相關的幾個：焦點不被遮擋（2.4.11）、點擊目標至少 24×24 CSS 像素（2.5.8）、一致的求助方式（3.2.6）、減少重複輸入（3.3.7）；舊有的 4.1.1 Parsing 已在 2.2 移除。WCAG 3.0 仍是未完成的工作草案，萬維網聯盟講明即使定稿，2.x 也至少會再用幾年。

你的網站該選哪一級？

我們替機構與商業客戶定等級的順序是：文件有寫跟文件，沒寫跟官方底線。文件只寫「符合無障礙標準」的，先回一句問對哪一版，2.0 與 2.2 之間差 9 項準則，問清楚才報得出範圍。做政府項目直接寫 2.2 AA，政府對自己網站的官方要求正是這一級；學校與 NGO 就算沒有文件要求，跟 AA 都是最穩的選擇，香港復康會的無障礙通道資料庫以 2.0 AA 為標準，先例都在 AA。中小企的公司網站與網店一樣以 AA 為目標，A 只當中轉站；要全站宣告 AAA，官方提醒可能需要投放大量資源，抽項做到才實際。

數字政策辦公室的《無障礙網頁手冊》

這本手冊是香港標準的一手出處：繁體中文、免費公開，最新修訂在 2026 年 6 月。我們回客戶查詢時最常引用兩部分：第七章的指引對照，政府網站級別要求的原文在這裏；以及第十章的五種檢測技術，編碼掃描、目視檢查、讀屏手動檢測、輔助工具、使用者測試，正好是標書要答的兩格。

數碼無障礙嘉許計劃是什麼？

政府不為私營機構設認證服務，表揚都放在這個計劃。前身是 2013 年起由政府資訊科技總監辦公室與平等機會委員會合辦的「無障礙網頁嘉許計劃」；2018 年起由香港互聯網註冊管理有限公司（HKIRC）主辦，數字政策辦公室協辦、平機會任獨立顧問；2024 年起更名，並向所有參與機構提供免費評估和諮詢服務。計劃設網站與流動應用程式兩個組別，獎項由三連金獎、金、銀、銅，到友善網站與長者友善獎；另設設計家組別嘉許開發機構，得獎機構可把標誌放在自己的網站上。由檢測到奪獎的實戰拆解，可並讀〈無障礙網頁指南〉。

• 級別與 WCAG 的對應：官方沒有公布

  獎項級別對應 WCAG 哪一版哪一級，官網、計劃簡介與新聞稿都沒有公布；可以講的只有一項：三連金獎是連續三年取得金獎。聽到供應商講「金獎等於 AA」這類對應，當成銷售講法處理。合約與驗收寫 WCAG 的版本與級別，獎項當佐證，兩者分開。

• 申請資格與時間表

  參加資格由香港互聯網註冊管理有限公司的新聞稿寫明：私人公司、非政府組織、學術機構及公營機構都歡迎。本屆（2026 至 2027 年度）報名由 2026 年 1 月 9 日至 10 月 30 日，初步評估 2 月至 12 月，最終評估 4 月至 12 月，頒獎典禮及結果於 2027 年第二季公布，日期以數碼無障礙嘉許計劃官網公布為準。

現有網站的無障礙檢測怎樣做？

檢測分兩層：自動掃描找出編碼層的錯，鍵盤導航與讀屏軟件的人手檢查驗證實際用得用不得，數字政策辦公室對機構的建議正是這個組合。起步的幾套工具，全部免費。

自動掃描工具

數字政策辦公室手冊點名的例子包括 AChecker、axe DevTools、Total Validator 與 WAVE；以下三個起點，夠大多數網站跑第一輪。

• WAVE 與 Lighthouse

  WAVE 查編碼層的 WCAG 錯誤：缺替代文字、對比度不足、標題層級混亂。它由 Utah State University 的 WebAIM 開發，免費，兩種用法，官網貼網址即跑，或在 Chrome、Firefox、Edge 裝擴充功能直接在頁面上看標示；官方講明它幫助的是人手評估，不是取代。Lighthouse 內建於 Chrome 開發者工具，開發者工具、Lighthouse 分頁、勾選 Accessibility，跑完有分數。

• axe DevTools 與對比度檢查器

  axe DevTools 是 Deque 的瀏覽器擴充，有免費 Chrome 版，在開發者工具裏跑，查 ARIA 屬性、對比度與表單標籤。對比度有兩件順手工具：Chrome 開發者工具的色彩選擇器會自動找出低對比並建議顏色，無須安裝；桌面可加 TPGi 的 Colour Contrast Analyser，免費、Windows 與 Mac 都有，滴管取色後按 WCAG 各版顯示對比比值與 A、AA、AAA 判定。

• 香港本地的評估服務

  本地服務分兩類。使用者檢測方面，手冊點名路向四肢傷殘人士協會、香港失明人協進會、香港手語協會、香港盲人輔導會、香港視網膜病變協會，提供免費或收費相宜的服務，官方建議放在最後一步。顧問服務方面，香港失明人協進會的數碼無障礙顧問服務由測試員以自動工具加人手讀屏分階段檢測，報告列出未符合國際標準的部分並附改善方案，該會網站寫明自己是本港唯一列入萬維網聯盟成員的機構。查名單的另一處是數字政策辦公室的「數碼無障礙服務商專區」，免責聲明講明資料由供應商自行提供、未經政府審查。

自動工具查不到什麼？

WebAIM 對全球前一百萬個首頁的年度掃描顯示，2026 年有 95.9% 首頁被偵測到 WCAG 2 失誤，平均每頁 56.1 個；同一份報告聲明，沒有偵測到錯誤，不代表網頁無障礙。查不到的位正是人手要補的：替代文字寫得準不準、鍵盤走不走得完全程、焦點會否被 Cookie 橫額蓋住。自動掃描的定位是排序與起點，不是判卷。

人手檢查：鍵盤與讀屏軟件

兩個零成本動作，做完已篩走大部分攔路的問題。第一，拔走滑鼠，只用 Tab、Enter 與 Esc 由首頁走到結賬完成，手冊的原文問「能夠移至並使用所有連結和功能嗎？」，卡住的那一格就是修復清單第一行；第二，關閉顯示器，用讀屏軟件聽一次網站，這是手冊建議的體驗方法。

讀屏軟件不用買。Windows 有免費開源的 NVDA，Mac 內建 VoiceOver，Android 內建 TalkBack；香港政府一站通的無障礙聲明寫明，已測試支援本港常用的屏幕閱讀器，包括中英雙語的 NVDA、「聲點」（Chinese JAWS）與「晨光」，以及 Zoomtext 等放大軟件。

無障礙網站的具體做法：把四原則落到每個介面

無障礙網頁設計的做法跟着四原則走就會齊：可感知管替代文字、字幕與對比度；可操作管鍵盤、焦點與表單；可理解管錯誤提示與指示；穩健管代碼結構與語言標記。每項做法都有準則編號可對，驗收時，這些編號就是合約的語言。

圖片與替代文字怎樣寫？

成功準則 1.1.1（A 級）要求所有非文字內容都有等效的文字替代，控制項要有名稱，純裝飾圖要讓輔助技術可以略過。寫法按圖的角色分，萬維網聯盟的 alt 決策樹講得清楚：資訊圖寫簡短描述；裝飾圖用空 alt；功能圖寫連結或按鈕的目的地與動作；圖中有文字就把字寫進 alt。

拿露營網店做例：產品圖的 alt 寫「黑色雙人帳篷，前門帶雨簷」，比「IMG_2381」有用得多；裝飾性背景花紋留空 alt，讓讀屏軟件跳過。香港失明人協進會的網購平台研究裏，受訪視障用戶的描述是「資料描述及功能按鈕只以圖片形式表達，缺乏充足的替代文字」，本地網站的實況，不是理論。

顏色與文字：對比度的底線

顏色對比度的底線寫在成功準則 1.4.3（AA 級）：文字與背景至少 4.5:1，大尺寸文字至少 3:1，「大尺寸」指至少 18 point 或 14 point 粗體，中日韓字體取等效字級。另一條常用：不能只用顏色傳達資訊，「按綠色那個掣」對色弱用戶無效，要另加圖案、文字或圖示；地產代理網站的樓盤表用紅綠標升跌，加 ▲▼ 符號就是最低成本的修法。字級方面，WCAG 沒有訂明具體像素值。行距與段落間距的要求，寫在成功準則 1.4.12：用戶把行高調到字級 1.5 倍、段落間距 2 倍時，內容與功能都不會散開。

鍵盤操作與焦點

全鍵盤操作是 A 級要求，成功準則 2.1.1 講明，全部功能都要可用鍵盤介面操作，不依賴特定的按鍵時間。這一條是起點；如果未過，就先修好這一條。

• Tab 次序與焦點樣式

  兩條準則守住焦點。2.4.7（AA 級）要求鍵盤焦點指示可見：Tab 到哪裏，用戶要見到；2.4.11 是 2.2 新增的 AA 準則，要求元件取得焦點時不被自己網站的內容整個蓋住，貼底的 Cookie 橫額蓋住按鈕正是官方文件舉的例子。

• 彈出視窗與時間限制

  彈出視窗是本地視障用戶的第一絆腳石。香港失明人協進會 2026 年 4 月的網購平台研究發現，88.4% 受訪用戶指「彈出式廣告或選單難以關閉」。修法不複雜：關閉按鈕要是真按鈕、有文字標示、鍵盤去得到，Esc 有效。時間限制方面，成功準則 2.2.1（A 級）要求每個時限至少做到其一：可關閉、可調整至預設的十倍、或先警告並給至少 20 秒延長且可延長十次。會員區逾時登出，先對這三條。

表單與結賬流程

表單是讀屏用戶最容易卡住的地方，A 級的兩條要求在這裏最常見失守。

• 欄位標籤與錯誤提示

  成功準則 3.3.2（A 級）要求每個要輸入的欄位有標籤或指示；3.3.1（A 級）要求出錯時指明哪一欄、用文字講原因；3.3.3（AA 級）再進一步：知道怎樣改就要給建議。web.dev 的建議加一條：標籤任何時候都要看得見，常用欄位加 autocomplete 屬性，對認知與閱讀障礙用戶尤其有用。驗證碼另有官方指引：要可以用文字描述目的，並提供視覺以外的形式（例如音頻）。

• 結賬與付款介面：視障用戶卡在哪裏

  最後一步同樣常出事。前述同一份研究發現，81.4% 受訪視障用戶在最後一步遇到「結賬付款介面與讀屏軟件不兼容」。研究還有一項統計：59% 受訪用戶因平台難以使用而被迫放棄網購某些商品。研究小組以 VoiceOver 逐個平台檢視，也發現按鈕缺乏清晰標示的問題。對露營網店，修的清單很實在：付款方式的選項有文字標籤、優惠碼欄位有指示、錯誤提示講明哪一欄、整個流程鍵盤導航走得完。這四項全部有準則編號可驗收。

影片字幕與音頻文字稿

中學網站的開放日影片，字幕經常最後才被記起，其實它是 A 級明文要求：成功準則 1.2.2 要求所有預錄的同步媒體提供字幕。香港政府對自己網站的要求同一方向：聲音內容需附文字稿或字幕。字幕受惠的不止聽障學生，在嘈雜環境用手機看片的家長一樣靠它。

結構與代碼層

最後一層在代碼：讀屏軟件與搜尋器都在這一層讀你的網站。

• 頁面語言標記與繁簡英切換

  成功準則 3.1.1（A 級）要求每頁的預設語言可由程式判別；3.1.2（AA 級）要求頁內每段的外語也可判別。香港網站多數繁簡英三版並行，切換版本時頁面的語言標記（html lang）要跟着轉，英文版不要仍然標着中文；中英夾雜的段落再逐段標明。讀屏軟件靠這個決定用哪種語音讀，標錯了，英文品牌名會被中文發音硬讀出來。

• 語意化 HTML 與 ARIA

  萬維網聯盟 ARIA 實作指引的第一句就夠用：No ARIA is better than Bad ARIA，亂加 ARIA 比不加更差；「一個 role 是一個承諾」，加了 role="button" 就等於承諾自己補齊原生按鈕本來就有的鍵盤操作與行為。所以次序永遠是：先用原生 HTML 元素（button、label、標題層級），不夠用才上 ARIA；「按此」要改成講明去哪裏的連結文字，CSS 收起的元素不要留給讀屏讀。

現有網站怎樣改？路線、成本構成與找誰做

先答路線：兩年內會重做的網站，把無障礙寫進新規格一次過做；短期不動的，先檢測、分先後、分批修。萬維網聯盟把無障礙工作分起動、規劃、實施、持續維持四步，改造屬中間兩步。

• 無障礙修復：改版時一併做，還是逐項補？

  判斷點只有一個：舊代碼值得翻嗎。官方對「無障礙成本一定高」的誤解有回應：良好編碼技術令網站更易維護、更兼容各類瀏覽器和設備，長遠節省時間和金錢，換句話說，改版時順手做，攤下來的成本最低。

• 無障礙外掛工具代替不了改造

  不能，而且有前車可鑑。美國聯邦貿易委員會 2025 年 1 月裁定，外掛供應商 accessiBe 因聲稱產品能令任何網站符合 WCAG 而構成誤導，須支付 100 萬美元。萬維網聯盟對符合標誌的講法同一方向：標誌不代表 W3C 審核或驗證，使用亦不是基於自動測試。買外掛前問兩條：修得到哪些準則編號？驗收證據是什麼？

• 修復的先後次序怎樣排？

  官方給的排序原則是資訊的重要性和使用率；萬維網聯盟的評估方法（WCAG-EM 2.0）亦講明，抽樣評估多數不足以支撐全站符合性聲明。落到執行，我們照 WAVE 或 Lighthouse 報告的錯誤類型分三疊，再疊上鍵盤走查記下的卡點：阻住任務完成的（結賬、表單、聯絡方法）第一疊，A 級的鍵盤與標籤問題多數在這疊；內容層的替代文字與字幕第二疊；裝飾性與邊緣頁面第三疊。

• 內容層自己改得動，介面層要開發者

  萬維網聯盟的 Easy Checks 是任何人都做得到的起步清單（通過仍可能有重大障礙）。哪些自己改得動、哪些要找開發者，分界線在後台權限。內容層，替代文字、連結文字、標題層級、上載影片附字幕，在 CMS 改得到，中學的行政主任或 NGO 的文職同事都落得手；介面層，焦點樣式、彈窗行為、語言標記、ARIA、付款介面，要動代碼，屬於開發者。自己改的那疊先清，找人的那疊拿去報價。

無障礙改造找誰做？

原有開發商還是網頁設計公司

原有開發商的優勢是熟代碼，風險是未必做過無障礙網頁設計，兩條問題即刻測得出：做過哪些成功準則？驗收交什麼證據？另找公司時，數字政策辦公室的服務商專區可以拿名單（差距分析、設計及發展／維修、測試三項能力），但要記住它屬自行申報、未經審查；整站重做的規格怎樣寫，可先看〈度身網頁設計及開發〉。我們行內的實況是：做過公營項目的團隊，對這套驗收語言最熟。BINGO 做的入境事務處 2018 年全港智能身份證換領計劃網站，當年通過 OGCIO 要求與 W3C 3A 級無障礙、獲盲人協會認證；那個「3A 級」是項目當年的講法，與今天 WCAG 2.2 的 AAA 是兩回事。BINGO 累積的無障礙嘉許獎項有 20+。

報價、合約與驗收要寫明的項目

• 版本與級別，寫明 WCAG 2.2 AA（或文件指定版本），別只寫「符合無障礙標準」
• 範圍，列明驗收的頁數與模板數量；流動版與應用程式是否在內、PDF 與影片由誰處理，全部寫進去
• 檢測方法，自動掃描加人手讀屏與鍵盤檢查，照官方手冊建議的組合寫
• 驗收證據，收齊修復清單、覆檢報告與已知限制說明；獎項不當作驗收證據
• 上線後安排，寫明內容更新由誰把關、覆檢次數，與其後修改的計法

影響預算與工期的因素

香港中小企無障礙改造的行情，公開而可靠的報價或工期數據未有所見，這裏只講構成與判斷。

無障礙聲明與長期維護：上線之後怎樣守住

上線只是第一關：無障礙會隨內容更新慢慢漏，每一張沒填替代文字的圖、每一份掃描版 PDF，都在把達標蝕回去。

• 無障礙聲明頁要寫什麼？

  萬維網聯盟的講法，一份聲明至少三樣：對殘疾人士無障礙的承諾、採用的標準（例如 WCAG 2.2 AA）、遇到問題時的聯絡方法；建議再加已知限制、已採取措施與適用法規。數字政策辦公室的建議同一路。本地有得參考：香港教育大學、基本法網站與平機會的聲明都列明級別與聯絡方法；香港政府一站通的聲明更坦白列明多媒體內容與存檔資料未必全部符合 AA，限制講出來，好過被用戶發現。

• 申請嘉許計劃的時機

  修完 A 與 AA 的項目才報名，時序最順：報名後免費獲得的評估及諮詢，正好當一次外部覆檢。本屆報名期至 2026 年 10 月 30 日，頒獎與結果 2027 年第二季公布；上屆共頒發約 440 個網站及 100 個流動應用程式獎項，涵蓋的行業包括教育。想以三連金獎做目標，第一年就要計好起點。

• 內容更新時怎樣把關？

  把關的成本極低，規矩要事先定。上載圖片時替代文字必填，後台可以設成必填欄；PDF 分兩種處理，文本來源的基本可用，掃描版先經光學字符識別轉成文本，測試可用 Adobe Acrobat 的 Accessibility Checker 或 PDF Accessibility Checker，最後用讀屏軟件確認檔案能順序閱讀。手冊的十大憂慮正好當內容同事的核對表，每季對一次。

• 定期覆檢做什麼？

  覆檢跟着改版與模板走。改一次模板，重跑自動掃描，加鍵盤走一圈關鍵流程，首頁、查詢表單、結賬；換設計或加新功能，讀屏再聽一次。萬維網聯盟四步的最後一步正是持續維持；把覆檢寫進網站維護的例行工作，責任人與次數落在合約，比每次出事才搶修穩妥。

資料參考

1. 政府網站須符合 WCAG 2.0 或以上的 AA 級別，數字政策辦公室《無障礙網頁手冊》7.2（2026）
2. 「A 級別只達到無障礙的最低標準」，數字政策辦公室：數碼無障礙常見問題
3. 約 534,200 名殘疾人士，佔全港人口 7.1%：政府統計處新聞公報（2021）
4. W3C：What's New in WCAG 2.2
5. 本屆報名期至 2026 年 10 月 30 日，數碼無障礙嘉許計劃報名頁（2026）
6. 95.9% 首頁被偵測到 WCAG 2 失誤，平均每頁 56.1 個：WebAIM Million（2026）
7. 香港政府一站通的無障礙聲明：支援 NVDA、「聲點」與「晨光」
8. 88.4% 受訪視障用戶指彈出式廣告或選單難以關閉，香港失明人協進會新聞稿（2026）

無障礙網站等級與改造常見問題