設計
色彩對比度檢測
檢查 WCAG 對比度。
不知不覺間,我們已經離開了地面。
1.00
對比度
| 標準 | 正常文字 | 大型文字 |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
使用方法
選取文字顏色與背景顏色。對比度以及各 WCAG 等級的通過/不通過結果會即時更新,並有預覽。
常見問題
我可以用色彩對比檢查器做什麼?
當你需要根據 WCAG AA 和 AAA 無障礙標準檢查文字與背景色的對比度,並有即時預覽時,色彩對比檢查器非常有用。它適合快速檢查、日常工作流程以及實用任務,只要快速的瀏覽器結果就足夠了。
我該如何正確使用色彩對比檢查器?
把號碼、ID、代碼或數值貼上你想要檢查的樣子。保留有意義的字母和數字,但除非頁面明確允許,否則請移除無意中多餘的字元。
色彩對比檢查器需要什麼輸入?
使用工具中顯示的欄位,並將輸入保持接近你想解決的真實案例。如果頁面包含範例或預設,請從這些開始了解預期格式。
色彩對比檢查器給我帶來什麼結果?
工具會回傳通過/失敗結果、偵測到的類型,以及對被檢查規則或校驗碼的簡短說明。大多數情況下,輸出會立即更新,可以複製、下載或作為下一步的參考資料。
色彩對比檢查器的準確度如何?
檢查基於公開格式規則、校驗碼數學或模式驗證。有效的結果並不能證明該號碼、帳戶、文件或識別碼存在於真實資料庫中。
當我使用色彩對比檢查器時,我的資料會上傳嗎?
這個工具設計成可以在瀏覽器中執行,所以一般輸入會在本機處理,除非頁面明確說明需要線上查詢。
使用色彩對比檢查器時,我應該避免哪些常見錯誤?
避免貼上隱藏空格、缺少校驗碼、錯誤的國家前綴,或非代表真實紀錄的範例值。
色彩對比檢查器能幫助哪些相關任務?
色彩對比檢查器適用於與「色彩對比檢查器」及鄰近需求(如「wcag contrast」)相關的使用情境。為了獲得最佳效果,請依照頁面上的標籤、範例和選項操作。
色彩對比檢查器的限制是什麼?
它檢查的是數值的公開結構,而不是私人資料庫。通過驗證並不代表所有權、平衡、身份或現實世界的地位。
我應該什麼時候再檢查色彩對比檢查器的輸出?
在依賴其進行存取控制、合規、支付、身份驗證或生產安全之前,務必再次確認輸出。