「政府標案要求網站無障礙 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,可先做一次免費快篩告訴你目前卡在哪。歡迎聯絡我們:
- Email:[email protected]
- 電話:0916-224-047
- LINE:@ufv9089p