# 什麼是無障礙 Overlay？

最後更新: 2026-09-30

英文版本：[English](https://accesserty.com/en/ai/glossary/accessibility-overlay.md)

頁面版本：[閱讀術語說明](https://accesserty.com/glossary/accessibility-overlay/)

無障礙 Overlay 是網站端額外載入的工具，可能提供個人化控制或執行時修補。了解它與原始碼修正、輔助科技及符合性評估的差別。

## 重點

- Overlay 的實際功能依產品、版本與設定而異，不能只從名稱判斷。
- 個人化控制與執行時修補可能有用，但安裝不等於完成符合性評估。
- 用同一個完整任務比較修補前後；重複缺陷應回到共用內容或元件處理。

## 什麼是 Overlay？

這裡指網站端額外載入、在執行中的頁面提供控制或修改內容與行為的工具。有些提供字級、顏色或閱讀輔助；有些也針對已知問題修改頁面。它不是所有浮動視窗的統稱。

這與使用者自行選擇的螢幕閱讀器、放大工具或替代輸入設備不同。網站端工具不能假設使用者會放棄自己熟悉的輔助科技。

## 原始碼修正與執行時修補

原始碼修正改到網站的內容、元件或樣式，能讓共用實作一併改善；執行時修補則依賴工具載入、設定與目前頁面結構。兩者都需要在實際內容與狀態中重測。

如果同一種缺陷反覆出現，回到共用來源處理，避免逐頁修補。若暫時採用執行時修補，記下涵蓋範圍、依賴條件與仍需修正的問題。

## 怎麼確認是否真的有幫助？

以自己的測試頁面走一遍主要任務，再比較工具相關功能開啟前後的結果。確認鍵盤、焦點、放大、錯誤修正與螢幕閱讀器實際朗讀；不要只看工具列或掃描分數。

產品名稱或安裝狀態不能證明符合 WCAG。若供應方提供評估，請讀它的基準、範圍、方法、環境、日期與限制。

## 常見問題

### 裝了 Overlay 就代表網站符合 WCAG 嗎？

不代表。需要依指定標準、範圍與方法進行評估；安裝完成不是完整頁面與流程的測試結果。

### Overlay 和輔助科技一樣嗎？

不同。本文指的是網站端工具；螢幕閱讀器、放大工具或替代輸入設備通常由使用者選擇與設定。網站仍要支援實際使用情境。

### Overlay 能修正問題嗎？

有些產品可以對特定問題做執行時修補，效果要依實際版本、設定與頁面驗證。不能一概說沒有用，也不能從一項修補推論所有問題已完成處理。

## 相關閱讀

- [Overlay 與原始碼修正：如何選擇與驗證](https://accesserty.com/guides/accessibility-overlays-vs-real-fixes/)
- [修正與重測的工作計畫](https://accesserty.com/guides/web-accessibility-remediation-plan/)
- [Accesserty DevCheck](https://accesserty.com/devcheck/)

## 參考資料

- [W3C WAI：選擇無障礙評估工具](https://www.w3.org/WAI/test-evaluate/tools/selecting/)
- [W3C WCAG 2.2：符合性要求](https://www.w3.org/TR/WCAG22/#conformance-reqs)