您好,我是Liberogic的代表森本。
許多客戶透過詢問表單與我們諮詢無障礙相關事宜,在初次洽談時,常會問到:「使用這項服務,是否就能符合JIS或WCAG?」
網站一角會有一個人形圖示,點選後可以選擇放大文字、變更配色、朗讀內容等功能。提供這類功能的服務,一般稱為「無障礙覆蓋層(Accessibility Overlay)」。部分產品還會透過JavaScript自動修正頁面問題。
雖然可能包含方便的功能,但僅導入覆蓋層並不代表網站的無障礙工作已經完成,我也認為它無法達到WCAG的AA標準。
Web無障礙基礎委員會(WAIC)與業界先驅Mitsue(ミツエー)也長期提出相同看法。
[參考 WAIC:無障礙覆蓋層能否確保無障礙?能否符合適合等級AA?]
[參考 Mitsue Links:關於無障礙覆蓋層的隨談]
一度也曾發布過用於移除這類服務的Chrome外掛。
以下整理了針對這些問題的回答,並附上歐美案例作為參考。
主導權在使用者手中
每個人使用網路的環境各不相同。有人在瀏覽器中放大畫面,有人使用作業系統的配色設定,有人使用螢幕閱讀器或語音輸入,也有人只用鍵盤操作。也有人會在多個網站上共用同一組設定。
W3C說明,文字自訂與使用者設定等需求,相較於網頁內容,更適合由「使用者代理(User Agent)」來提供。
其中包括瀏覽器與輔助技術等,但這並不代表網站端可以完全不必考量。
網站端的職責,是確保使用者能在自己選擇的環境中使用網站。
[參考 W3C:UAAG概要]
例如,若使用者已設定減少動態效果,網站便可依據 prefers-reduced-motion 調整動畫。若需要高對比,可使用 prefers-contrast;強制配色模式則有 forced-colors 這項機制。
這些支援並非 WCAG 2.2 適合性等級 A 與 AA 所要求的必要條件。不過,對於網站而言,這是能夠直接採納使用者已自行選擇之設定的有效方法。在考慮自行設計切換按鈕之前,建議先評估此方法。
[參考 MDN:prefers-reduced-motion]
附加功能與修正網站問題是兩回事
無障礙覆蓋服務提供調整文字大小與顏色的功能,以及自動修正 HTML 等問題的功能。
調整文字大小與顏色的功能或許對部分人有幫助,但對於已透過瀏覽器或輔助科技設定好適合自己環境的使用者而言,這些功能可能彼此重疊,反而干擾原本的設定與操作。
自動修正 HTML 等問題的功能也有其限制。例如,圖片的替代文字必須依照該圖片在頁面中所傳達的內容來撰寫。表單欄位的用途是否清楚傳達、能否僅透過鍵盤操作、開啟對話框後焦點是否正確移動、網站自訂按鈕的角色與狀態是否能正確傳達給輔助科技等問題,同樣存在。這些問題無法只靠改變外觀來解決。即使部分項目可以自動修正,是否真正可以使用,仍需由人實際操作確認。
歐洲障礙論壇(EDF)與國際無障礙專業人員協會(IAAP)的聯合聲明指出,部分覆蓋功能或許有幫助,但它們可能與瀏覽器或輔助科技重複或互相干擾等問題。
此外,該聲明也指出,覆蓋工具無法取代網站本身的修正。
[參考 EDF・IAAP 聯合聲明]
歐洲的做法是「從問題根源修正」
歐盟執委會在針對公共部門網站與應用程式的 Web Accessibility Directive 相關說明中,明確提及了覆蓋工具。
覆蓋工具等無法保證網站本身符合技術標準的詳細要求,因此並非適當的解決方案,無障礙問題最好從根源加以修正
這是一種說明。
請注意,這並不代表歐盟一律禁止使用覆蓋層(overlay)這項技術。
[參考 歐盟委員會:Web accessibility]
在法國,2026年6月卡昂司法法院下令一家大型零售企業改善其電商網站與應用程式的無障礙性。
本文並未評斷覆蓋式工具(overlay)的好壞,但因案件涉及實際服務能否供使用者操作,故一併刊載。
[參考 法國司法機關公開的裁判文件]
美國出現「導入即符合WCAG」之標示的問題
在美國,2025年4月聯邦貿易委員會(FTC)確定了對一家提供無障礙覆蓋式工具(accessibility overlay)業者的最終同意命令。FTC指稱該業者宣稱「任何網站都能符合WCAG」等說法屬於虛偽、誤導或缺乏充分依據。
命令要求支付100萬美元,並禁止此類缺乏依據的標示。
此為針對特定企業廣告標示的行政案例,並非認定所有覆蓋式工具皆屬違法,但仍一併刊載。
[參考 FTC:最終同意命令公告]
另一起訴訟中,網站營運者以導入覆蓋式工具等措施為由,主張網站已符合WCAG 2.1 AA,並請求駁回訴訟。2025年3月,法院駁回該聲請並准許訴訟繼續進行。
原告主張購買商品及確認營養資訊時仍存在障礙,而僅憑工具導入或符合性報告,並不足以視為問題已解決而結束訴訟,此為相關案例。
法院並未最終認定覆蓋式工具本身造成新的障礙,但仍一併刊載。
[參考 法院裁定文件]
美國司法部也表示,自動檢測與覆蓋式工具有時可能有所幫助,但建議謹慎使用。即使自動檢測結果為「無問題」,也不代表所有內容都具備無障礙性。
其建議應結合人工確認。
[參考 美國司法部:Web accessibility guidance]
WCAG 3.0將如何發展
截至2026年9月,WCAG 3.0仍為草案。其要求與符合性評估方式仍可能變動,因此目前無法斷言「3.0將允許覆蓋式工具」或「將不允許」。W3C目前建議的準備方式,是先著手處理WCAG 2.2的成功準則。
[參考 W3C:WCAG 3概要]
不過,2026年9月10日版草案納入了以下內容:使用者可透過瀏覽器或輔助技術控制內容的設定,且內容應依使用者的無障礙設定作出回應。
草案中也提出將評估所用的瀏覽器、輔助技術與設定組合視為「無障礙支援組合(accessibility support set)」的概念。
WCAG 3.0新草案已公開,這次有哪些變化?
WCAG 3.0會有哪些改變?
以上皆仍在討論階段,因此不能據此說「將新增禁止覆蓋式工具的條款」,但也無法從中讀出導入覆蓋式工具即可免除網站本身改善的方向。
[參考 W3C:WCAG 3.0草案]
首先必須讓網站本身可以正常使用。
網站的營運者與製作者應該採取的行動非常明確。
- 為標題、按鈕與表單設定適當的語意與名稱。
- 確保僅用鍵盤即可操作,並讓使用者能清楚辨識焦點的移動位置。
- 為圖片提供符合其功能的替代文字。
- 支援放大顯示,以及使用者自訂的配色與動態效果設定。
- 除了自動檢查,還需透過實際操作與輔助技術進行確認,並修正發現的問題。
如果額外的工具能幫助特定使用者,在確認其對實際使用者的影響後,可以考慮使用;但安裝工具並不代表無障礙改善已經完成。
無障礙的主導權在使用者手中。
讓使用者能以自己選擇的瀏覽器、作業系統與輔助技術使用網站。
為此,基本做法是打造網站本身、進行驗證,並持續加以改善。
順帶一提,Liberogic 提供免費的自動診斷工具 Lente Scan,用於找出網站的無障礙問題;另外也提供
Lente Audit,由專家診斷自動檢查無法涵蓋的部分,並協助改善。在製作與營運時,歡迎也使用我們免費的 Chrome 擴充功能,可確認對比度與頁面結構。
這些服務都能協助改善網站本體的無障礙性(accessibility)。
身為社長,卻始終站在第一線。理解新技術,當某件事變得更方便的那一刻就會感到喜悅,並全心投入。對未來的技術充滿期待,無論年紀多大,都想享受新的體驗。
森本 忠典
專案經理 / 導演 / 2007 年創立