Renk kontrastı denetleyici
Metnin erişilebilirlik standardına göre gerçekten okunabilir olup olmayacağını denetleyin.
- Tarayıcınızda çalışır — metniniz hiçbir yere gönderilmez
- Kayıt yok, kota yok, istediğiniz sıklıkta ücretsiz kullanın
Nasıl çalışır
Beyaz üzerine açık gri metin, web'deki en yaygın erişilebilirlik hatasıdır ve tamamen önlenebilir. Erişilebilirlik yönergeleri kontrastı kesin bir oran olarak tanımlar; bu yüzden bir eşleşmenin geçip geçmediği görüş değil, aritmetik meselesidir.
Oran nasıl hesaplanır
Her rengin bağıl parlaklığı, yönergelerin belirttiği şekilde — kanal başına gama düzeltmesi uygulanarak — hesaplanır ve oran açık ile koyu arasında alınır. Sonuç, bir erişilebilirlik denetiminin bildireceğiyle eşleşir; çünkü formül aynıdır.
Eşikler
Normal metin AA için 4,5:1, AAA için 7:1 ister. Büyük metin — yaklaşık 24px veya kalınsa 18,7px — AA için yalnızca 3:1, AAA için 4,5:1 ister. Arayüz bileşenleri ve anlamlı grafikler 3:1 ister. AA, çoğu kuruluşun ve çoğu mevzuatın istediğidir.
Büyük metne neden daha azı yeter
Daha büyük harf biçimlerinde her çizgiyi oluşturan daha fazla piksel vardır; bu yüzden daha düşük kontrastta da okunabilir kalırlar. Bir başlığın gövde metninden daha açık bir gri kullanabilmesinin nedeni budur.
Oranın yakalamadıkları
Ayrı bir kontrol olan renk körlüğü hakkında hiçbir şey söylemez; metnin yeterince büyük olup olmadığı veya yazı tipinin okunabilir olup olmadığı hakkında da hiçbir şey söylemez. Geçen bir oran tabandır, okunabilir tasarımın kanıtı değildir.
Renk kontrastı denetleyici — sorular
Hangi kontrast oranına ihtiyacım var?
AA için normal metinde 4,5:1, büyük metinde 3:1. AAA bunları 7:1 ve 4,5:1'e yükseltir.
Büyük metin sayılan nedir?
Yaklaşık 24px ve üzeri veya kalınsa 18,7px ve üzeri.
Geçmek tasarımımın erişilebilir olduğu anlamına mı gelir?
Hayır. Kontrast birçok gereksinimden yalnızca biridir; renk körlüğü, metin boyutu veya okunabilirlik hakkında hiçbir şey söylemez.