Metin ve arka plan renginizin okunabilir olup olmadığını WCAG 2.1 ölçütlerine göre test edin.
Renkler
Metin rengi
Arka plan
Hazır:
Kontrast oranı
4.83
: 1
WCAG 2.1 sonuçları
AA · Normal metin
16px altı gövde metni
≥ 4.5
AA · Büyük metin
18pt+ veya 14pt+ kalın
≥ 3
AAA · Normal metin
En yüksek erişilebilirlik
≥ 7
AAA · Büyük metin
Başlıklar için AAA
≥ 4.5
Arayüz bileşenleri
Buton kenarı, ikon, form çerçevesi
≥ 3
Canlı önizleme
Büyük başlık — 30px kalın
Alt başlık — 18px yarı kalın
Normal gövde metni. Erişilebilirlik, bir arayüzün yalnızca güzel değil; düşük görme keskinliği, renk körlüğü veya güneş altında parlayan bir ekranla da kullanılabilir olması demektir.
Küçük metin — 12px. Bu boyutta kontrast en kritik hale gelir.
Çerçeveli butonDolu buton
Kontrast oranı 1:1 (aynı renk) ile 21:1 (siyah-beyaz) arasında değişir. WCAG AA, gövde metni için en az 4.5:1 ister — bu, çoğu ülkede kamu kurumu web siteleri için yasal bir zorunluluktur. Büyük metinlerde (18pt / 24px üzeri, ya da 14pt / 18.66px üzeri kalın) sınır 3:1'e iner.
Sık Sorulan Sorular
WCAG 2.1 formülüyle: her rengin göreli parlaklığı (relative luminance) hesaplanır, sonra (açık + 0.05) / (koyu + 0.05) oranı bulunur. Sonuç 1:1 (aynı renk) ile 21:1 (siyah-beyaz) arasında değişir.
AA, gövde metni için 4.5:1, büyük metin için 3:1 kontrast ister ve çoğu ülkede kamu web siteleri için yasal asgari seviyedir. AAA daha katıdır — sırasıyla 7:1 ve 4.5:1. AAA'yı tüm sitede sağlamak genellikle zordur; kritik içeriklerde hedeflenir.
WCAG'e göre 18pt (yaklaşık 24px) ve üzeri normal metin, ya da 14pt (yaklaşık 18.66px) ve üzeri kalın metin büyük sayılır. Bu boyutlarda harfler daha kalın çizildiği için daha düşük kontrastta da okunabilir.
Kontrast oranı doğrudan renk körlüğünü ölçmez ama en önemli korumadır: yeterli parlaklık farkı varsa renkleri ayırt edemeyen kullanıcılar da metni okuyabilir. Ayrıca bilgiyi yalnızca renkle aktarmaktan kaçının — hata durumunu sadece kırmızıyla değil, ikon veya metinle de belirtin.
Bu araç işine yaradı mı?
Favorilerine ekle ya da ihtiyacı olan birine gönder.
