WCAG 色彩對比指南
了解 AA 和 AAA 對比度要求、如何測試文字和 UI 元件以及如何修復失敗的對。
FAQ
- 我需要多少比例的按鈕？
- UI 元件和圖形物件通常需要與相鄰顏色至少 3:1。按鈕內的文字仍需要 4.5:1 (AA) 或 3:1（對於大文字）。
WCAG 對比基礎知識
WCAG 2.x 定義文字和背景顏色之間的最小對比。 AA級是共同的法律和產品目標； AAA 更為嚴格，如果可能，建議將其用於正文。
對比度基於相對亮度，而不是色調。如果兩種顏色的亮度太相似，它們可能看起來不同，但無法形成對比。
測試工作流程
從您的設計系統中選擇前景色和背景色。通過對比檢查器運行它們。注意正常文字閾值與大文本閾值。
測試懸停、焦點和停用狀態 - 不僅僅是預設按鈕和連結。