:::
什麼是色彩對比?文字與介面狀態必須看得清楚
色彩對比影響文字、按鈕、錯誤訊息與互動狀態是否容易辨識,是網站無障礙規範與 WCAG AA 中最常被檢查的項目之一。
重點摘要
- 色彩對比不足會讓文字、錯誤訊息或元件狀態難以辨識。
- 不要只靠顏色傳達資訊。
- Release 前應檢查文字、圖示、邊框與狀態變化。
常見問題
最常見的問題是灰字太淡、錯誤訊息只靠紅色、disabled 狀態與背景太接近,或 hover/focus 狀態不明顯。
常見問題
色彩對比只影響低視能使用者嗎?
不是。強光、老花、低品質螢幕或行動裝置戶外使用都會受到影響。
相關頁面
- Accesserty DevCheck
用瀏覽器內工具檢查網站無障礙、WCAG、ARIA、鍵盤操作與視覺情境。
- WCAG 檢測清單