:::
什麼是色彩對比？文字與介面狀態必須看得清楚
Color Contrast
色彩對比影響文字、按鈕、錯誤訊息與互動狀態是否容易辨識，是網站無障礙規範與 WCAG AA 中最常被檢查的項目之一。
最後更新:
重點摘要
- 色彩對比不足會讓文字、錯誤訊息或元件狀態難以辨識。
- 不要只靠顏色傳達資訊。
- 上線前應檢查文字、圖示、邊框與狀態變化。
常見問題
一般文字與背景在 WCAG 2.2 AA 下需至少 4.5:1，大字可用 3:1；必要控制項與狀態的非文字資訊另依 1.4.11 判斷。詳細尺寸、量測方式與例外見對比檢查指南。
真正不可操作的停用控制項有對比例外，不等於每個灰色按鈕都失敗；placeholder 或仍可操作的灰字不能因此免測。錯誤訊息則不能只靠紅色傳達。
常見問題
色彩對比只影響低視能使用者嗎？
不是。強光、老花、低品質螢幕或行動裝置戶外使用都會受到影響。
相關頁面
- 量測文字與介面狀態的對比
- Accesserty DevCheck
用瀏覽器內工具檢查網站無障礙、WCAG、ARIA、鍵盤操作、焦點路徑、AI 語意與 PDF 結構訊號。
- WCAG 檢測清單
- 看懂 WCAG 檢測結果