顏色對比度檢查器
檢查顏色對比度是否符合 WCAG 2.1 標準。即時驗證文字和 UI 元素的 AA 和 AAA 級別。
什麼是 WCAG 對比度?
WCAG 對比度衡量前景色和背景色之間的亮度差異。範圍從 1:1 到 21:1。比率越高,視力障礙用戶的可讀性越好。
WCAG AA 和 AAA 的要求是什麼?
WCAG AA 要求普通文字最低對比度為 4.5:1,大文字為 3:1。WCAG AAA 要求普通文字 7:1,大文字 4.5:1。
什麼算作大文字?
大文字定義為 18pt(24px)或更大,或 14pt(18.66px)粗體或更大。大文字的對比度要求較低。
為什麼顏色對比度很重要?
適當的顏色對比度確保文字對視力障礙者可讀,也改善了各種光照條件和不同設備上的可讀性。
如何計算對比度比率?
對比度比率使用前景色和背景色的相對亮度值計算。公式為 (L1 + 0.05) / (L2 + 0.05)。
UI 元素的最低對比度要求是什麼?
WCAG 要求 UI 組件和圖形對象的最低對比度為 3:1。這確保按鈕、圖標和其他界面元素可見且可用。
我可以使用任何顏色組合嗎?
並非所有顏色組合都符合無障礙標準。使用此檢查器驗證您的顏色選擇是否符合 WCAG 要求。
什麼是相對亮度?
相對亮度是顏色的感知亮度,範圍從 0(黑色)到 1(白色)。它使用 sRGB 色彩空間計算。
我需要檢查圖片的對比度嗎?
圖片中的文字必須滿足與常規文字相同的對比度要求。對於裝飾性圖片,不適用對比度要求。
哪些工具有助於顏色對比?
使用瀏覽器開發者工具、設計軟件插件或在線檢查器。許多工具可以自動計算對比度比率。