我們拿到了 MODA 無障礙 AAA 標章——這對中小企業老闆代表什麼
睞特官網（light-design.com.tw）正式通過數位發展部無障礙網頁 AAA 等級認證。
這不是我們最會拿來說嘴的事——技術上 AAA 不算多難。但這篇要講的不是「我們很厲害」，是「為什麼台灣中小企業很少做、以及這張標章拿來對你（看這篇的老闆）代表什麼」。
AAA 是什麼，為什麼很少人做
MODA 無障礙網頁標章分三級——A、AA、AAA——對應 WCAG 2.1 的三個合規層級。
- A 級：最低門檻，基本的鍵盤操作、替代文字、表單標籤。多數靜態網站做到。
- AA 級：政府、銀行、教育機構的法定門檻。色彩對比、語意標題結構、明確的錯誤提示。
- AAA 級：最嚴格。色彩對比 7:1、上下文相關說明、無時間限制操作——幾乎只有政府重點網站會做。
台灣中小企業官網拿到 AAA 的，少之又少。MODA 113 年單一年度核發 30 個 AAA 標章就被當成新聞稿宣傳——這個數字本身就說明稀缺度。私部門申請者多是金融、保險業（受金管會壓力要做），自願申請的中小企業占比極低，我們是其中之一。
原因不是技術做不到，是兩個現實問題：沒人要求、做了沒立即回報。
政府網站有法定義務，銀行有金管會壓力，醫療機構有衛福部規範。中小企業沒有人逼你做，也沒有客戶會因為你拿了 AAA 就立刻下單。所以這件事 ROI 短期算不回來，多數老闆會把預算砸到看得到效果的廣告投放。
那我們為什麼還是做了
因為我們發現，無障礙這件事的「報酬」不在獲客，在內部技術紀律。
AAA 檢測會逼你做的事：
- 每個按鈕、表單、彈窗都要鍵盤能操作——這逼你寫乾淨的元件
- 每個圖片、icon 都要替代文字——這逼你想清楚每個元素的用途
- 每個顏色搭配都要過對比測試——這逼你的設計師跟工程師對齊
- 每個 modal、tab、輪播都要符合 ARIA APG 模式——這逼你不能用「能動就好」的爛元件
這些「逼」最後變成的，不是某張標章，是一套可重複的開發流程。我們做完睞特官網的 AAA，這套流程能直接套到客戶專案——客戶不用付 AAA 認證的錢，但能拿到 AAA 等級的程式碼品質。
過程不是順的——9 條 fail 拆給你看
我們第一次送審被 MODA 退了 9 條 fail（必修錯誤）。包括：
- Modal 開啟後焦點沒鎖住、Tab 會跑到背後
- 輪播只有滑鼠能操作，鍵盤不能用左右鍵
- 分頁標籤（Tabs）沒套 ARIA APG 模式，螢幕報讀器讀不出來
- 暗色模式色彩對比不夠
- 跳到主要內容（Skip Link）這個無障礙基本配備整個沒做
- 網站導覽頁（Sitemap）整個沒做
這些問題我們之前都不知道存在。用自家寫的 a11y-moda（已上架 PyPI，也掃過自家網站）掃，掃出 0 fail。一送 MODA 人審，9 條被抓。
為什麼？因為自動工具有邊界。我們在Freego 全綠也可能退件那篇寫過：DOM 結構規則自動工具能抓，但 JavaScript 動態行為、語意關係、螢幕報讀器實際體驗——只能人工檢查。
這次的審查讓我們知道，自動 + AI 工具能抓 80%，剩下 20% 真的得人工跑一遍。誠實揭露這條工具邊界，比假裝自家工具萬能更重要。
拿到標章對中小企業老闆代表什麼
看到這裡，你可能想說：「我又不是要做政府網站，AAA 跟我有什麼關係？」
有兩個切入點。
1. 你的客戶遲早會問
這幾年只增不減的趨勢：大公司採購流程開始把無障礙列入廠商評估。尤其外商客戶、上市櫃公司，標案文件越來越常出現「廠商需提供無障礙合規證明」一條。
你公司現在沒被問，不代表明年不會被問。等到客戶問了才做，臨時抱佛腳一個月——程式碼整個重構、設計師重新調色、QA 重新測——以我們處理過的補救案來看，成本通常是一開始就規劃好的 2-3 倍。
2. 你的網站可能在篩掉一群客戶
根據衛福部統計處身心障礙統計專區，台灣領有身心障礙證明者 2025 年突破 125 萬人，其中視覺、聽覺、肢體相關佔大宗。這還沒算高齡使用者（看不清楚小字、手抖點不到小按鈕）。
你的網站不做無障礙，這群人不是「不方便」用——是根本用不了。如果你的服務是 B2C，每年篩掉的潛在客戶可能是你想都沒想到的數字。
不是要你立刻做 AAA
老實講，AAA 對多數中小企業是過頭的。但 AA 級——就是政府、銀行、醫院在做的那個等級——應該是基本門檻，尤其如果你有實體網站做為主要對外接觸點。
AA 級的好處：
- 滿足多數企業客戶的採購規範（政府採購法評分項目）
- 間接 SEO 友善——無障礙做好的副產品是語意 HTML + 結構化資料，搜尋引擎更容易解析（注意：Google 官方說 a11y 不是直接 ranking factor，但結果是 SEO 友善）
- 避免投標時被扣分——政府標案文件越來越常出現「廠商需提供無障礙合規證明」
- 同樣能逼出內部技術紀律
成本上，以睞特專案經驗，從 0 做到 AA 大概是專案總預算的 5-10%；從 AA 升 AAA 還要再加 30-50%。所以多數情況我們會建議客戶：一次做到 AA，預留升 AAA 的可能性。
我們把流程攤給你看
這篇講的「AAA 是什麼」「為什麼做」是表面。真正的故事在後面——MODA 審查的 9 條 fail 怎麼修、5 個工作天的回覆 deadline 怎麼撐、a11y-moda 自家工具有哪些抓不到的死角、「球員兼裁判」這個問題我們怎麼面對。
這些細節會在後續兩篇文章寫完攤給你看：
- 「自動工具抓不到的 6 個盲點」——對照 MODA 報告，逐條解釋為什麼漏
- 「MODA 審查全流程實錄」——從收到報告到拿到標章，每一步
這對你不是技術八卦。是讓你看清楚：找供應商的時候，誰是「掃工具拿綠燈」收尾就走人，誰是「跟人審報告對打」修到拿標章的。
如果你公司在想這件事
想評估自家網站要不要做無障礙 → 我們的健檢服務會用 a11y-moda 先掃一遍，給你一份「現況 vs A / AA / AAA 各級差距」的報告。看完再決定要不要做。
已經被客戶問過無障礙、或標案文件出現相關條款 → 寫信給我們，這種情況通常急但有 deadline，我們可以幫你拆「能在期限內做到哪個等級」。
