如何使用
- 輸入一種文字顏色和一種背景顏色。
- 檢查比率,然後查看正常文本和大文本的 AA/AAA 判決。
- 如果配對失敗,請返回 顏色選擇器 並嘗試不同的顏色。
將兩個顏色值轉換為可讀性檢查
此頁面用於判斷通過/失敗。在您已經知道候選顏色後使用它。
如何在附近的頁面之間進行選擇
使用 顏色選擇器 當您只有一種顏色但仍需要實用的樣本時。使用 混色器 當兩個候選樣本仍需要中點選項時。使用 顏色轉換器 當相同的核准顏色必須用另一種符號重寫。使用 色階產生器 當一種核准的顏色在檢查最終配對之前需要編號的明暗系統時。使用 無障礙色票 在測試最終的前景/背景對之前,品牌顏色必須成為基於角色的 UI 集。使用 梯度發生器 當那些核准的顏色必須成為背景就緒的 CSS 漸層時。一旦已知前景和背景對並且您需要通過/失敗可讀性檢查,請最後使用此頁面。
常見問題解答
這個頁面檢查什麼?
它比較前景色和背景色,然後顯示正常文本和大文本的對比度和快速 WCAG AA/AAA 通過或失敗狀態。
這是完整的可訪問性審查嗎?
不。這只是快速對比檢查。真正的可訪問性審查仍然取決於文字大小、粗細、間距、上下文和組件狀態。
這與顏色選擇器有什麼不同?
當您需要 HEX、RGB 和 HSL 值時,請使用顏色選擇器。當您已經有兩種顏色並且需要可讀性判斷時,請使用此頁面。
共用 URL 是否包含顏色以外的任何內容?
不。分享連結 僅包含前景色和背景色。