站在巨人的肩上,看得更遠

AI 讓網站越做越快,卻越來越難用?委託客製化開發前,先把網站無障礙寫進驗收

AI 讓做網站這件事快了好幾倍,但網站並沒有因此變得更好用。非營利組織 WebAIM 每年檢測全球前一百萬個網站的首頁,2026 年的結果是六年來第一次退步:95.9% 的首頁有偵測得到的無障礙錯誤,平均每頁 56.1 個。報告在結論中直接點出原因之一,就是越來越依賴第三方框架與 AI 輔助寫程式。網站無障礙聽起來像是大企業或政府網站才需要煩惱的事,其實它決定的是長輩、視力不好的人、只用鍵盤的人,甚至在大太陽下滑手機的每一位客人,能不能順利看懂你的網站、完成下單。這篇文章整理最新數據,以及委託客製化開發前該寫進驗收的四件事。

數字先看:網站無障礙六年來第一次退步

網站無障礙分析師在螢幕前檢視逐年上升的網站錯誤數圖表

WebAIM Million 2026 年版(2026 年 2 月檢測)的幾個重點:

  • 95.9% 的首頁有偵測得到的 WCAG 2 錯誤,前一年是 94.8%。
  • 平均每頁 56.1 個錯誤,比前一年的 51 個增加 10.1%。
  • 首頁平均有 1,437 個元素,比前一年增加 14.3%。頁面越複雜,越難顧到每個細節。

WCAG 是國際通用的網頁無障礙準則,多數國家的法規與訴訟都以它為依據。WebAIM 在結論中提到,錯誤增加與網頁開發方式的轉變有關,包括更依賴第三方框架與函式庫,以及 AI 輔助寫程式,也就是俗稱的「vibe coding」。報告也發現,它檢視的熱門 JavaScript 函式庫,大多與更多的錯誤數相關。

這不代表 AI 寫的程式一定比較差,而是:當產出速度變快、頁面變複雜,卻沒有人把無障礙列進檢查清單時,錯誤就會跟著量產。

訴訟沒有因為工具變多而變少

網店老闆在辦公室裡看著一封關於網站無障礙的律師函

在美國,無障礙不只是體驗問題,也是法律風險。追蹤訴訟的 UsableNet 資料顯示:

  • 2025 年全年有 4,928 件網站無障礙訴訟;從 2021 年起,每年都超過 4,000 件。
  • 光是 2026 年 9 月,就新增 360 件。其中 91 個被告在被告當下,網站上已經裝了第三方的「無障礙外掛」;78 個被告過去就被告過。
  • Equidox 整理 UsableNet 截至 6 月中的資料指出,2026 年全年可能突破 6,000 件,比 2025 年多出近兩成。

受影響最多的產業是零售與電商、餐飲、旅遊住宿、醫療、金融與娛樂休閒,都是直接面對消費者的生意。

兩個值得記住的訊息。第一,裝一個外掛不等於合規,問題在網站本身的程式與設計。第二,被告過的公司還會再被告,代表只處理眼前那一次投訴,沒有把無障礙放進日常流程,問題會再回來。

各國法規不同,是否適用、如何因應應請教律師。但只要你的網站面向美國或歐洲的消費者,這就不是可以忽略的題目。

最常見的六種錯,其實都不難修

前端工程師一邊寫程式,一邊在另一個螢幕上預覽修正後的網站

WebAIM 的報告列出首頁上最常見的六種錯誤:

  • 文字對比不足(83.9%):淺灰字配白底,好看但看不清楚。
  • 圖片缺少替代文字(53.1%):螢幕閱讀器讀不出圖片內容,AI 搜尋也讀不到。
  • 表單欄位沒有標籤(51%):使用者不知道這一格要填什麼。
  • 空的連結(46.3%):只有圖示、沒有文字說明的連結。
  • 空的按鈕(30.6%):按鈕沒有可讀的名稱。
  • 沒有標示頁面語言(13.5%):語音朗讀可能會用錯誤的語言發音。

這六項都不需要高深的技術,也不需要重做網站。它們之所以年年上榜,是因為沒有人被指定負責,也沒有被寫進驗收條件。

委託客製化開發前,把這四件事寫進驗收

客戶與開發團隊在會議室看測試人員只用鍵盤完成結帳流程

1. 指定標準,而不是只寫「符合無障礙」

在需求文件中寫明要達到的等級,例如 WCAG 2.1 AA 或 2.2 AA。美國司法部針對州與地方政府網站的規定採用的就是 WCAG 2.1 AA,雖然今年 4 月把最早的期限延後到 2027 年 4 月,這個等級仍是實務上最常被引用的基準。

2. 自動掃描加上人工測試

自動工具只能找出一部分問題。驗收時請開發團隊示範兩件事:只用鍵盤,能不能從首頁走到完成下單或送出表單;用螢幕閱讀器,能不能聽懂每個按鈕與欄位。關於 AI 寫的程式該怎麼把關,可以延伸閱讀〈AI 寫程式很快,誰來把關?〉。

3. 從設計階段就開始

對比、字級、按鈕大小、錯誤訊息怎麼呈現,都是設計決定。等到開發完成才修,成本高得多。好的品牌設計與無障礙並不衝突,清楚的層次與足夠的對比,本來就是好設計的基本功。

4. 上線之後有人負責

無障礙會隨著內容更新而退步。負責上架商品、寫文章的同事,需要知道圖片要寫替代文字、連結文字要說清楚去哪裡;每次改版或加新功能,都要重新檢查一次。如果公司內部也有同事用 AI 自己做工具或頁面,上線前同樣要過這一關,這部分我們在〈員工用 AI 做出來的工具,什麼時候該交給專業開發?〉談過。

結語:AI 負責速度,人負責讓每個人都用得了

爺爺和孫女坐在沙發上,用平板順利完成線上訂購

AI 可以幫忙補上替代文字的初稿、檢查對比、找出沒有標籤的欄位,這些都是它擅長的事。但「這個網站要讓誰都能用」是一個要由人來做、並且寫進合約的決定。網站做得再快、再漂亮,如果有一部分客人根本用不了,品牌就少了一塊。這正是 TitApeX 相信的「AI 負責完美,人負責動人」。

如果你正在規劃新的網站或系統,想把無障礙從第一天就納入設計與開發,歡迎看看我們的服務項目,或直接與我們聊聊。

參考來源

發表留言

您的 Email 不會公開。必填欄位以 * 標示