規範改了什麼?30 秒掌握背景
數位發展部於中華民國 115 年(2026 年)5 月正式發布新版「網站無障礙規範」,將台灣的國家標準從原本對應的 WCAG 2.1,升級至國際最新的 WCAG 2.2。
這次改版最直接的變化是:成功準則(也就是「你的網站要通過的考試項目」)增加至 87 項,其中包含 A 級 32 項、AA 級 23 項、AAA 級 30 項,同時刪除了 1 條因現代瀏覽器已自動處理而過時的「語法分析」準則。如果你正在規劃網站改版,或是無障礙標章即將到期需要續檢,這篇文章會幫你釐清「到底跟我有什麼關係」以及「要跟廠商說什麼」。
關於無障礙標章的完整申請流程,可以參考我們的無障礙標章申請五步驟教學。
跟我的機構有關嗎?三種情境自我檢查
不是每個機構都需要立即行動。以下三種情境,幫你快速判斷自己的優先順序:
情境 A:標章即將到期(有效期 3 年內) 你的標章圖示上會標註核發日期,如果在未來一年內到期,續檢時就會適用新版 87 項準則。建議現在就開始請廠商進行差異評估,預留 2-4 週的修正時間。
情境 B:正在規劃網站改版或新建 這是最好的時機——直接在合約中要求廠商以「WCAG 2.2 AA 等級」作為驗收標準。在建置階段就把新規範納入,比上線後再回頭改,成本低得多。
情境 C:標章剛拿到、網站暫無異動 短期內不需要緊張。你的標章在有效期內仍然有效,但建議先了解新增的 AA 級要求,以便在下次維護或小幅更新時順手處理。
💡 💡 顧問小科普
無障礙標章有效期為 3 年,到期後需要重新申請檢測。此外,核發超過半年的標章還會面臨不定期的人工「抽測」。新版規範上路後,這些抽測與續檢都可能會依據新的 87 項準則進行,因此即使標章還沒到期,也建議提前做好準備。
無障礙標章需要重新申請嗎?
已取得的無障礙標章在 3 年有效期內仍然有效,不需要立即重新申請。但要注意兩件事:第一,標章到期續檢時,將會適用新版規範的 87 項成功準則,包含 AA 級新增的 4 條要求;第二,數位發展部會對已取得標章的網站進行不定期抽測,抽測不合格且未限期改善者,標章將被撤銷。建議在標章到期前 3-6 個月就開始進行差異評估。
AA 級新增了哪些要求?用白話文說給你聽
WCAG 2.2 總共新增了 9 條成功準則,但對社福機構影響最大的是 AA 級新增的 4 條——因為台灣無障礙標章要求的就是 AA 等級,這 4 條是新的必過項目。
以下我把官方條文翻譯成「你可以直接拿去問廠商的問題」:
一、焦點不能被遮住(準則 2.4.11)
官方怎麼說:「當使用者互動介面元件取得鍵盤焦點時,該元件不會因作者所建立的內容而被完全遮蔽。」
白話翻譯:很多網站上方有「固定選單」(sticky header),下方有「浮動的 LINE 諮詢按鈕」或 Cookie 同意橫幅。如果使用者按 Tab 鍵切換到某個按鈕時,這個按鈕剛好被固定選單或浮動元素擋住了——這就違規了。
你要問廠商的問題:「我們網站上方的固定選單、下方的浮動按鈕,會不會在按 Tab 鍵操作時擋住其他元素?」
二、拖曳功能要有替代方案(準則 2.5.7)
官方怎麼說:「所有需要拖曳動作進行操作的功能都可以透過單一指標操作且無需拖曳之方式來實現。」
白話翻譯:如果你的網站上有需要「按住拖拉」才能操作的功能(例如用滑桿選擇捐款金額、拖曳排序項目),就必須同時提供一個不需要拖拉的替代操作方式,例如直接輸入數字或用按鈕調整。
你要問廠商的問題:「我們的網站或捐款頁面有沒有用到滑桿或拖拉的功能?如果有,能不能也用輸入框或按鈕操作?」
三、按鈕不能太小(準則 2.5.8)
官方怎麼說:「指標輸入目標尺寸至少 24 乘 24 CSS 像素。」
白話翻譯:網頁上所有可以點擊的東西——按鈕、連結、核取方塊——至少要有 24×24 像素的大小(大約是一個小指指甲的寬度)。如果按鈕本身比較小,周圍就必須留出足夠的空白,讓手指不會誤觸到旁邊的按鈕。
在我們協助社福機構進行無障礙健檢的經驗中,手機版頁尾的密集連結是最常踩雷的地方——十幾個連結擠在一起,每個字只有 12 像素高,手指一點就滑到隔壁去。
你要問廠商的問題:「手機版的按鈕和連結夠不夠大?尤其是頁尾連結區、文章內的文字連結,有沒有擠在一起的地方?」
四、登入驗證要友善(準則 3.3.8)
官方怎麼說:「一個認知性功能測試,例如記住一組密碼或者是解決一個謎題,在任何一個認證過程步驟中是不需要的。」
白話翻譯:如果你的網站有會員登入或捐款人登入功能,不能只靠「記住密碼」或「選出所有紅綠燈圖片」這類需要認知能力的驗證方式。必須至少提供一種替代方案,例如:電子郵件驗證連結、簡訊驗證碼、或是允許密碼管理工具自動填入。
你要問廠商的問題:「我們的捐款人登入或會員系統有沒有用圖形驗證碼(CAPTCHA)?有沒有提供其他登入方式?」
WCAG 2.2 跟 2.1 差在哪裡?
WCAG 2.2 在 2.1 的基礎上新增了 9 條成功準則、刪除 1 條過時的準則(4.1.1 語法分析)。對於需要申請台灣無障礙標章(AA 等級)的機構來說,最重要的是 AA 級新增的 4 條:焦點不能被固定選單遮住(2.4.11)、拖曳功能須提供點擊替代方案(2.5.7)、可點擊目標至少 24×24 像素(2.5.8)、以及登入驗證不能只依賴記密碼或解圖形驗證碼(3.3.8)。WCAG 2.2 向下相容,符合 2.2 的網站自動符合 2.1。
和廠商開會前的 5 點檢核清單
如果你是負責網站維運的承辦人,在下次和資訊廠商開會前,可以先確認以下 5 件事:
1. 查看標章到期日 打開你的網站首頁,找到無障礙標章的圖示,上面會標註核發日期。往後推算 3 年就是到期日。如果在一年內到期,建議現在就啟動續檢準備。
2. 請廠商針對新增的 4 條 AA 準則進行自檢 把本文「AA 級新增了哪些要求」段落中的 4 個問題,直接轉寄給廠商,請他們逐項回覆。這 4 個問題不需要技術背景也能看懂回覆。
3. 用手機實際操作一次 打開手機瀏覽器,用手指點點看你網站上的每個按鈕和連結。有沒有太小點不到的?有沒有兩個連結擠在一起容易誤觸的?這是最簡單的「目標尺寸」自我檢測。
4. 檢查有沒有拖曳操作或圖形驗證碼 瀏覽整個網站,特別留意捐款流程和會員登入頁面。如果有發現滑桿、拖拉排序、或是圖形驗證碼(CAPTCHA),就記下來告訴廠商需要加上替代操作方式。
5. 在合約中寫入新版規範要求 不管是維護合約還是改版合約,建議加上一條:「網站須符合數位發展部 115 年 5 月發布之『網站無障礙規範』(對應 WCAG 2.2)AA 等級。」白紙黑字寫進去,未來驗收才有依據。
⚠️ 合約小提醒
在我們協助機構進行網站改版的經驗中,最常見的爭議是:合約只寫「須符合無障礙規範」卻沒有寫明版本。等到廠商交件後才發現是用舊版標準檢測,想要求補做新版準則的修正卻缺乏合約依據。建議明確寫入「WCAG 2.2 AA」與「115 年 5 月版」兩個關鍵字。
改版費用怎麼估?
如果你的網站已經通過 WCAG 2.1 AA 級檢測,好消息是:WCAG 2.2 向下相容,你只需要針對新增的 4 條 AA 準則進行差異修正,工作量相對有限。以我們的實務經驗來說,主要的調整集中在按鈕尺寸、固定選單的焦點遮蔽、以及驗證流程這幾個區塊。
如果你的網站是全新建置或大幅改版,無障礙的成本應該在合約中直接要求納入,而不是事後追加。在建置階段就把 WCAG 2.2 AA 當作驗收標準,額外成本遠低於上線後再回頭逐頁修正。
想了解 NPO 網站建置的完整費用結構,可以參考NPO 架站費用評估這篇文章。如果你正在考慮整體改版,我們的網站改版檢核清單也能幫你系統化地盤點需求。
改版費用大概要多少?
費用會因網站規模和現況差異而有很大的落差,無法一概而論。但可以提供一個思考框架:如果網站已通過 WCAG 2.1 AA,差異修正的範圍有限,主要集中在按鈕尺寸調整和焦點遮蔽修正;如果是從零開始建置或大幅改版,應在合約中直接要求以 WCAG 2.2 AA 為驗收標準,把無障礙成本內含在建置費用中,避免事後追加。
我的網站是外包做的,需要自己了解這些嗎?
需要。即使技術細節交給廠商處理,承辦人仍然需要扮演「採購把關者」的角色——在合約中寫入正確的規範版本、在驗收時確認廠商有逐項通過檢測。本文提供的「4 個問廠商的問題」和「5 點檢核清單」就是為了幫非技術背景的承辦人設計的溝通工具。
參考文獻
- 官方規範文件:數位發展部「網站無障礙規範」(115 年 5 月版) — 本文所有官方條文引用均出自此份規範文件。
- 國際標準原文:Web Content Accessibility Guidelines (WCAG) 2.2 — W3C 於 2023 年 10 月 5 日發布的國際無障礙標準。
- 法規依據:《身心障礙者權益保障法》第 52-2 條 — 規定政府機關及學校網站須通過無障礙檢測並取得認證標章。
- 檢測工具:Freego 單機版檢測軟體下載 — 數位發展部提供的免費自動化檢測工具。