Renk Kontrastı Denetleyici
Ücretsiz renk kontrastı denetleyici: metin ve arka plan renkleri WCAG 2.2 AA ve AAA'yı karşılıyor mu test edin, kontrast oranını ve geçen en yakın rengi görün.
Bu, paragraf boyutunda normal bir metindir.
Büyük metin
Düğme| AA | AAA | |
|---|---|---|
| Normal metin | ||
| Büyük metin (24 px veya kalın 18,7 px) | ||
| Simgeler ve arayüz kenarlıkları | — |
Ne yapar
Bu denetleyici, bir metin rengi ile arka planı arasındaki kontrastı, birçok erişilebilirlik yasasında kullanılan WCAG 2.2 erişilebilirlik yönergelerinin formülüyle ölçer. 1:1'den (kontrast yok) 21:1'e (beyaz üzerinde siyah) kadar kontrast oranını ve çiftin normal metin, büyük metin ve simgeler ile kenarlıklar gibi arayüz bileşenleri için AA ve AAA seviyelerini geçip geçmediğini gösterir. Bir çift başarısız olduğunda, aynı tonda geçen en yakın rengi önerir.
Nasıl kullanılır
- Metin rengini ve arka plan rengini girin veya seçin.
- Kontrast oranını ve AA ile AAA sonuçlarını okuyun, canlı önizlemeyi kontrol edin.
- Başarısız olursa önerilen bir renkte Kullan'a basın, ardından sonucu paylaşmak için bağlantıyı kopyalayın.
Sık sorulan sorular
Hangi kontrast oranına ihtiyacım var?
Genellikle yasal hedef olan AA seviyesi, normal metin için 4,5:1, büyük metin ile simgeler ve arayüz kenarlıkları için 3:1 gerektirir. AAA seviyesi normal metin için 7:1, büyük metin için 4,5:1 gerektirir.
Büyük metin ne sayılır?
En az 24 CSS pikseli (18 punto) boyutundaki metin ya da kalınsa en az yaklaşık 18,7 CSS pikseli (14 punto). Başlıklar genellikle büyüktür; gövde metni çoğunlukla değildir.
Beyaz üzerinde #777777 neden kalıyor?
Oranı 4,47:1'dir, normal metin için gereken 4,5:1'in hemen altında. Oranlar yukarı yuvarlanmaz; bu nedenle #767676 (4,54:1) gibi biraz daha koyu bir gri, beyaz üzerinde geçen en açık gridir.
W3C — WCAG 2.2, 1.4.3 Contrast (Minimum)
W3C — WCAG 2.2, 1.4.11 Non-text Contrast