WCAG 2.2 中小企業合規 — 鍵盤手指操作網頁示意圖

網站無障礙 WCAG 2.2 變政府標案硬門檻:中小企業老闆 12 個月合規路線圖 — 6 個合規訊號、4 條對齊路徑、3 條 ESG 連動 ROI

恆遠數位編輯團隊13 分鐘閱讀
複製引文

最近我們在幫一家做地方政府服務的中小企業客戶(30 人、年營收約 1.8 億 NT$)投政府標案,發現一件他過去從沒在意的事——標案規格書突然多了一條「網站須通過 WCAG 2.2 AA 等級檢測」。客戶第一反應是「我們網站找的廠商做的,沒問題吧?」結果用免費工具掃下去,整個首頁 47 個違規項,光是按鈕缺 aria-label 就 12 個。

這不是孤例。台灣國發會 2026 年起把 WCAG 2.2 列入政府標案資訊系統採購規格參考(取代過去的 WCAG 2.1 AA),加上歐盟 European Accessibility Act 2025 年 6 月 28 日已正式上路、要求所有對歐盟銷售商品/服務的網站都要符合 EN 301 549 標準——中小企業突然發現自己跨境電商、政府投標、ESG 報告三條戰線同時撞上「無障礙」這道門。

這篇文章把 WCAG 2.2 拆成中小企業老闆 12 個月可執行的合規路線圖:先給你 6 個對採購方而言一眼會看的合規訊號,再拆出 4 條對齊路徑與成本對照,最後標出 3 個 ESG 連動的營收訊號。前提是——你的客戶或法遵單位真的開始問你「網站合規嗎」。若還沒人問,這篇可以先收藏。

為什麼 2026 上半年「無障礙」突然變成採購方必查項

過去 5 年「網站無障礙」對台灣中小企業老闆來說是「政府網站才在意的事」。但 2026 年三股力量同時撞上來:

第一股是法規時間表。歐盟 EAA(European Accessibility Act)已在 2025 年 6 月 28 日生效,所有對歐盟銷售商品或服務的網站(含 B2C / B2B 平台)都要符合 EN 301 549 v3.2.1 標準,而 EN 301 549 直接 reference WCAG 2.2 AA。台灣國發會 2026 修訂的《政府網站無障礙標章規範》也從 WCAG 2.1 AA 升到 2.2 AA,標案規格書陸續跟上。

第二股是 ESG 連動。金管會 2026 上市櫃永續報告書編製準則 v3.1 要求企業揭露「數位包容」指標,網站無障礙是公開可驗證的最低門檻。多家上市櫃供應鏈調查表已把「網站 WCAG 合規等級」列為供應商評選加分項。

第三股是訴訟風險。美國 ADA Title III 網站訴訟 2025 年突破 4,500 件(Seyfarth Shaw 統計),對台灣跨境電商業者構成實質壓力——只要在美國有銷售,就有被告風險。Domino's Pizza vs Robles 那條判例至今仍是 anchor case。

這三股力量合起來代表的訊號是:採購方(政府、法遵單位、上市櫃客戶)開始把「無障礙合規」當必查項,而你的競爭對手只要先你一步通過,你就會被刷在第一關。WebAIM 2025 年 Million Report 顯示,全球 100 萬個首頁有 95.9% 含至少 1 項 WCAG 違規,平均每頁 50.1 個錯誤——意思是只要把首頁修到 95 分以上,就能贏過 96% 的同業。

6 個老闆該知道的合規必查訊號(採購方一眼會看的)

這 6 個訊號是採購方、法遵稽核、ESG 評估師最先掃過去的點——任一項失分都會被直接打入「不合規」抽屜:

訊號

採購方怎麼驗

常見失分原因

修正成本級距

1. WAVE / axe DevTools 掃出 0 critical

用 WAVE 瀏覽器外掛掃首頁/標案頁,看紅色 error 數

按鈕缺 aria-label、缺 alt 文字、表單 input 缺 label

NT$ 5-30 萬

2. 鍵盤可達性(Tab 順序、Skip Link)

拔掉滑鼠用 Tab 走完整頁主流程

JS 元件未綁鍵盤事件、focus trap 漏掉

NT$ 8-40 萬

3. 對比度(文字 4.5:1 / 大字 3:1)

用 axe / Lighthouse 跑對比度檢查

品牌 CI 色彩跟白底對比不足

NT$ 5-20 萬(需設計重做)

4. 表單錯誤提示(清楚、可讀屏唸)

用 NVDA / VoiceOver 走表單錯誤路徑

錯誤只顯示紅框、未綁 aria-describedby

NT$ 6-25 萬

5. PDF 與多媒體(影片字幕、PDF 標籤)

抽 5 份標案常用 PDF / 1 支宣傳片檢查

PDF 是掃描檔無文字層、影片無 SRT

NT$ 10-50 萬(PDF 重製)

6. 無障礙聲明頁(含申訴管道)

網站 footer 找 /accessibility 或類似頁

完全沒設、或內容是空殼

NT$ 1-5 萬(純文案 + 表單)

6 條訊號的優先序:(1)(2)(3) 是 SEO / 流量直接受益的快速勝利,(4)(5)(6) 是法規與 ESG 直接受影響的法遵勝利。先做 (1)(2)(3) 拿到「網站不被當下就刷掉」的最低門檻,再 12 個月內補完 (4)(5)(6)。WebAIM 數據顯示,光是修好對比度 + alt text 兩項,就能消除全站 60% 以上的 critical 違規。

4 條法規對齊路徑:自己改 / 設計重做 / 套件補強 / 委外審計

不是每家都該走同一條路。下表把中小企業常見的 4 條路徑攤開,老闆可以按「現有網站還能撐幾年」「內部工程資源有沒有」「合規 deadline 距離多遠」三個變數選:

路徑

適合誰

12 個月成本

好處

壞處

A. 自己改現有網站(小修補)

網站才上線 2-3 年、原始碼還在 / 工程人力可調度

NT$ 8-40 萬

成本最低、不打斷既有 SEO

只能修「補丁能解的」項目,結構性問題(鍵盤可達性、表單)難根治

B. 套件 / Overlay 補強(如 accessiBe / UserWay)

急著 30 天內過合規檢測、無工程資源

NT$ 5-25 萬/年訂閱

當下就能上 banner、有報告書

訴訟風險:美國案例已多次判定 overlay 不能取代真正改造(Murphy v. Eyebobs)

C. 設計 + 前端重做

網站已 4 年以上、CI 設計過時、有預算重新做

NT$ 80-300 萬

一次到位、設計與合規同步、可宣傳

12-24 個月完工,期間舊站要先補丁撐

D. 委外無障礙審計(一次性深度報告)

規模大、要拿給法遵稽核 / 上市供應鏈

NT$ 12-50 萬/次

有第三方背書報告、ESG 揭露可用

不修問題、只指出問題;修要再額外發包

我們的判斷是——80% 的中小企業最佳路徑是「A + D 組合」:先用 WAVE / axe / Lighthouse 自掃一輪 → 委外做一次無障礙審計拿到分項報告 → 內部工程在 6-12 個月內按報告分階段修。這條路 12 個月成本約 NT$ 25-90 萬,比一次性重做便宜 5-10 倍,且修出來的成果可以拿到 ESG 報告與政府標案。

Overlay 套件路徑(B)短期看誘人、長期會痛。accessiBe / UserWay 等工具能 30 天內掛上去、產出合規報告,但 WebAIM 2024 的 overlay 研究顯示這些工具對「真正用輔具的視障使用者」幫助有限,且美國法院已多次判定 overlay 不能免除責任。建議只在「下週標案要交、沒時間做 A」的緊急場景用,且限時 12 個月內必須換成真正改造。

3 個 ESG 連動 ROI 試算:合規不只是成本,是訊號

中小企業老闆對「無障礙」最大的誤解是「這是純成本」。實際上 2026 年起 3 條 ROI 通道已經打開:

ROI 通道

對應訊號

年化營收影響(30 人公司估算)

量化依據

1. 政府標案不被刷

WCAG 2.2 AA 合規證明

NT$ 200-1500 萬投標機會

國發會 2026 規範、不合規直接出局

2. 上市櫃供應鏈評選加分

ESG 永續報告書揭露

NT$ 500-3000 萬訂單競爭力

金管會 2026 v3.1 + 大客戶供應鏈問卷

3. SEO 自然流量回升

Core Web Vitals + 結構化標記改善

20-40% organic traffic 提升

WebAIM + Backlinko 2025 相關研究

(3) 的 SEO 連動最容易被忽略。Google 從 2024 起把「accessibility-tree quality」納入 page experience signal——alt 文字完整、heading 結構正確、表單 label 清楚的網站,自然流量平均比同類網站高 20-40%(Backlinko 2025)。換句話說,做無障礙改造同時也在做 SEO 補強,這一筆預算不是純成本而是雙線投資。

5 個老闆最容易踩的坑(即使廠商說已合規)

我們在審查客戶舊網站時最常看到的 5 個坑——這些坑連專業前端工程師都會犯,採購方一驗就破功:

坑一:以為「加 alt 文字」就叫無障礙。Alt 是 WCAG 1.1.1 的最低門檻,整份 WCAG 2.2 有 80+ 條 success criteria,alt 只佔 1 條。多家「網站合規檢測報告」只查 alt + 對比度就出報告,採購方一驗其他項目立刻穿幫。

坑二:用 Overlay 套件當合規證明。前面提過,美國法院已多次判決 overlay 不能取代真正改造。台灣標案規格書 2026 起也開始註明「不接受純 overlay 解決方案」。

坑三:忽略表單與互動元件。中小企業官網 70% 違規集中在表單與下拉選單——這些是 JS 元件常見問題:focus trap 漏、aria-expanded 沒切換、錯誤訊息沒讀屏可讀。修這類問題要的不是 alt 文字而是 JS 改寫。

坑四:PDF 沒打標籤。標案常用的「公司簡介 PDF」「型錄」「報價單」90% 都是掃描檔或匯出的純圖 PDF——WCAG 2.2 要求 PDF 要有 tagged structure、reading order、bookmark。修一份 30 頁的 PDF 要 NT$ 1-3 萬。中型企業常有 30-100 份 PDF 要處理。

坑五:合規後沒人維護、3 個月後又壞掉。網站每次更新內容(新增產品、改文案、上新圖)都有可能破壞無障礙——沒有「無障礙 SOP + 上線前檢查清單」的公司,半年內合規分數就會掉回原樣。這條坑解法是把 axe-linter / pa11y-ci 接進 CI/CD,每次部署自動掃。

我們做過這件事

在恆遠近年的客製化網站專案中,我們從 2024 起把「WCAG 2.2 AA 合規檢查」內建到上線前 checklist——包含 axe DevTools 自動掃、鍵盤可達性手動檢查、對比度比對、表單 ARIA 標記審查。網站架設類 portfolio 累積 10+ 件,其中 3 件(皇○國際旅行社、全○之光雙語形象、A○○'s English 課程網)在交付時通過 WCAG 2.2 AA 自評。

對應 [/services/customize-web](/services/customize-web) 與 [/services/uiux](/services/uiux) 服務——若你的網站是 4-7 年前做的、現在要面對政府標案或 ESG 問卷,可以先用我們的「無障礙快速自評」流程:30 分鐘掃完首頁 + 5 條主要使用者路徑,給你一張分項違規清單,再判斷該走 A / B / C / D 哪一條路徑。

12 個月路線圖:從第一週掃描到第十二個月稽核通過

  • 第 1-2 週:用 WAVE + axe DevTools 自掃首頁 + 5 條主要使用者路徑(登入、產品搜尋、結帳、聯絡表單、會員專區),產出第一份違規清單
  • 第 3-4 週:委外做一次無障礙審計(NT$ 12-30 萬),拿第三方分項報告——這份報告可放 ESG 揭露與標案附件
  • 第 2-3 個月:先修對比度 + alt text + 鍵盤可達性三大塊(佔總違規 60%)
  • 第 4-6 個月:表單 + JS 互動元件改寫(這塊最痛、但最關鍵)
  • 第 7-9 個月:PDF 與多媒體(影片字幕、PDF 標籤)
  • 第 10-11 個月:建立 SOP + CI/CD 自動掃(axe-linter / pa11y-ci)+ 內部訓練
  • 第 12 個月:再做一次第三方稽核,拿合規證明(年度更新一次)

我們怎麼看

我們怎麼看:3 年後無障礙會變網站基本款

WCAG 合規這條曲線跟 10 年前的 SSL/HTTPS 一樣——一開始大家覺得「政府網站才需要」,3 年後 Google 把 HTTPS 列入 SEO ranking factor、5 年後變所有網站基本款。我們的看法是:2026-2028 三年內,「網站無障礙」會走完同一條曲線——從「政府標案才驗」變「採購方默認要驗」,再變「Google ranking 直接連動」。

我們的取捨是:(a) 不押「Overlay 套件能撐多久」,這條路訴訟風險高、Google 不認;(b) 把無障礙當成「設計與工程內建項」,從 design system 階段就解決(不是上線後補丁);(c) 對中小企業老闆而言,現在不需要急著 30 天合規,但要在 12 個月內把「自掃 + 審計 + 分階段修 + SOP 建立」走完——比同業早一步把這道門做掉,比後面被刷掉再補便宜 5-10 倍。

不是每家都該現在動手——3 個訊號告訴你該動了

如果你的公司符合以下任一條,建議 90 天內啟動 WCAG 合規評估:

  • 客戶 / 供應鏈 / 法遵單位最近 6 個月內問過「網站合規嗎」
  • 投過或正在投政府標案、上市櫃供應鏈、跨境電商歐盟銷售
  • ESG 報告書要求揭露「數位包容」指標、或被上市櫃客戶塞過供應商問卷

3 條都不符合可以先收藏這篇——但等到客戶 / 法遵問了再做,通常時間已經很趕。WCAG 改造的特性是「越拖越貴」,因為設計與前端架構越久越動不了。

想討論你的網站該走 A / B / C / D 哪一條路徑,或先做一次 30 分鐘的快速自評,可以跟我們聊聊 [/services/customize-web](/services/customize-web) 或 [/services/uiux](/services/uiux)。我們會先看你的 sitemap 結構、現有設計系統、ESG 與標案 deadline,給你一張 12 個月路線圖再判斷預算配置。

分享文章

AUTHOR

恆遠數位編輯團隊

查看作者頁

留言(0)

尚無留言,成為第一個留言的人吧!

需要網站系統架設或軟體開發?

無論是品牌官網、客製化系統還是應用程式,我們的團隊擁有豐富經驗,歡迎聯繫我們,讓專業為您的事業加分。