服務

網站無障礙(a11y)WCAG 2.2 合規怎麼做?從稽核到複測的完整規劃——真實成本、90 天路線圖,與為什麼 overlay 外掛不是解方

2026.07.09 · 36 次瀏覽
網站無障礙(a11y)WCAG 2.2 合規怎麼做?從稽核到複測的完整規劃——真實成本、90 天路線圖,與為什麼 overlay 外掛不是解方

無障礙牽動設計、前端與內容,不是上線前貼個外掛就過。這裡有五階段改造流程、替代方案矩陣、透明成本,以及那些會讓你過不了人工稽核的陷阱。

分享:

「政府標案要求網站無障礙 AA 等級,我們的官網過不了,三週後就要交件。」一家做政府案的中型企業窗口這樣說。他們的網站外觀漂亮,但螢幕閱讀器讀不出按鈕、鍵盤跳不到選單、對比度一片不合格。無障礙不是上線前一天貼個外掛就能過的——它牽動設計、前端結構與內容,而且做對了,受惠的不只是身障使用者,還有你的 SEO 與所有用手機在陽光下瞇眼看螢幕的一般人。

適用情境 × 不適用情境

適合現在就做無障礙的情境:

  • 接政府標案、教育或醫療機構案,合約明文要求 WCAG AA 或國家標準。
  • 面向大眾的品牌官網、電商,想擴大可觸及的使用者與提升 SEO。
  • 正在改版或重做網站,趁機把無障礙做進設計,而非事後補。

不適用/先緩的情境:

  • 純內部、登入後才用的後台系統,且無法規要求(可延後)。
  • 三天後就要下架的一次性活動頁(投報比不划算)。
  • 網站正要打掉重做——別在舊站上花大錢補,等新站一起做。

替代方案矩陣

方案優點缺點成本級距
一鍵無障礙外掛(overlay widget)安裝快、當天就上治標、常被批評無法真正合規、可能反被檢舉低(月費)
自學 DIY 修改省錢、團隊學到 know-how耗時、易漏、缺專業稽核低(人力工時)
專業無障礙改造(設計+前端+稽核)真正合規、SEO 與體驗一起提升需前期投入與時程中高(專案)

要提醒:overlay 外掛在國際上爭議很大,多個地區已有因外掛未能真正合規而被提告的案例——別把它當成免責金牌。

完整流程拆解(含工具與交付物)

  • 階段一 稽核與盤點(3-5 天):axe DevTools/Lighthouse 自動掃描+人工鍵盤與螢幕閱讀器(NVDA/VoiceOver)測試,交付「問題清單+嚴重度分級」。
  • 階段二 設計修正(1 週):對照 WCAG 2.2 修對比度、焦點樣式、觸控目標大小,交付更新後的 Figma 與色彩規範。
  • 階段三 前端實作(2-3 週):補語意標籤、ARIA、鍵盤操作、表單標籤與錯誤提示、圖片替代文字,交付可測試的 staging 版本。
  • 階段四 內容與文件(3-5 天):整理替代文字、影片字幕,交付無障礙聲明頁與維護指南。
  • 階段五 複測與驗收(2-3 天):重跑自動+人工測試,交付合規報告與後續維護清單。

真實成本完整拆解

  • 稽核費:小型網站約 NT$15,000–40,000。
  • 改造工時:依頁數與嚴重度,常見 NT$60,000–200,000。
  • 隱藏費用:影片字幕製作(每分鐘計)、圖庫替代文字撰寫、無障礙聲明頁、後續每次改版的複測費。
  • 維護成本:新內容若沒人把關,合規會逐漸退化——這是最常被忽略的長期成本。

實施真相 vs 客戶想像

  • 客戶以為「裝個外掛就合規」;實際上 overlay 常無法通過人工稽核,甚至增加法律風險。
  • 客戶以為「無障礙=給少數人用」;實際上對比度、鍵盤操作、清晰結構同時提升所有人的體驗與 SEO
  • 客戶以為「一次做完就永久合規」;實際上每次新增內容都可能破壞合規,需要流程把關。

常見陷阱 × 怎麼避開

  • 只跑自動掃描就當合規:自動工具只能抓到約三到四成問題——務必加人工鍵盤與螢幕閱讀器測試。
  • 用 overlay 外掛充數:改用真正的原生修正,別把法律風險外包給外掛。
  • 對比度只看主色:連 hover、disabled、錯誤訊息狀態都要檢查。
  • 表單沒有 label 與錯誤提示:每個欄位都要有可被讀出的標籤與明確錯誤訊息。
  • 圖片替代文字寫成「圖片1」:替代文字要描述內容與功能,裝飾性圖片則標為空。

成功指標 + 上線後 90 天路線圖

  • 30 天:自動掃描零重大錯誤、關鍵流程(首頁→聯絡→結帳)鍵盤可全程操作。
  • 60 天:完成人工稽核複測、發布無障礙聲明頁、團隊建立「新內容檢查表」。
  • 90 天:追蹤自然搜尋曝光與跳出率變化、把無障礙檢查納入每次上線流程。

決策清單

  • ☐ 我的網站有合約或法規要求無障礙嗎?
  • ☐ 目前用鍵盤能不能走完主要流程?
  • ☐ 螢幕閱讀器能讀出所有按鈕與表單嗎?
  • ☐ 主要文字與背景對比度達 AA(一般文字 4.5:1)嗎?
  • ☐ 所有非裝飾圖片都有替代文字嗎?
  • ☐ 影片有字幕嗎?
  • ☐ 表單欄位都有標籤與錯誤提示嗎?
  • ☐ 焦點樣式看得見嗎?
  • ☐ 我有無障礙聲明頁嗎?
  • ☐ 新增內容時有人把關合規嗎?
  • ☐ 近三個月改過版但沒複測嗎?
  • ☐ 我知道 overlay 外掛的法律風險嗎?

常見問題 FAQ

無障礙外掛(overlay)到底能不能用?

不建議當作合規解方。它無法通過嚴謹的人工稽核,國際上已有因外掛未真正合規而被提告的案例。它頂多是輔助,根本解仍是原生修正。

做無障礙要多久、多少錢?

小型網站從稽核到複測約 4-6 週,費用常落在 NT$75,000–240,000,取決於頁數與現況嚴重度。改版中一起做最划算。

無障礙真的能幫到 SEO 嗎?

會。語意標籤、替代文字、清晰結構同時是搜尋引擎與螢幕閱讀器讀取內容的依據,兩者高度重疊。

WCAG A、AA、AAA 我該做到哪一級?

多數合約與實務目標是 AA。AAA 部分條款過於嚴苛、不一定適用全站,通常針對特定內容加強即可。

行動呼籲

ScriptWalker 提供「網站無障礙稽核與改造」服務,稽核起價 NT$15,000,可先做一次免費快篩告訴你目前卡在哪。歡迎聯絡我們:

分享: