WCAG Renk Kontrast Denetleyici
Renk kombinasyonlarınızın WCAG AA ve AAA erişilebilirlik standartlarını karşılayıp karşılamadığını kontrol edin
Preparing private browser tool…
Sıkça sorulan sorular
- WCAG kontrast gereksinimleri nelerdir?
- WCAG 2.1 AA, normal metin için 4.5:1 ve büyük metin için 3:1 (18pt üzeri veya 14pt kalın) oran ister. AAA ise normal metin için 7:1, büyük metin için 4.5:1 ister. Arayüz bileşenlerinde en az 3:1 gerekir.
- Kontrast oranı nasıl hesaplanır?
- Her iki rengin bağıl parlaklığı kullanılır: (L1 + 0.05) / (L2 + 0.05); burada L1 daha parlak renktir. Sonuç 1:1 (kontrast yok) ile 21:1 (beyaz üzerine siyah) arasında değişir.
- Büyük metin neye denir?
- 18pt ve üzeri ya da 14pt kalın ve üzeri metinlere denir. CSS'te bu yaklaşık 24px / 18.66px kalına karşılık gelir. Harf çizgileri daha kolay ayırt edildiği için büyük metin daha az kontrast gerektirir.
- Bu neden önemli?
- Erkeklerin yaklaşık %8'inde, kadınların ise %0.5'inde bir tür renk görme eksikliği vardır. Ayrıca düşük kontrastlı metinler parlak güneş ışığında, loş ekranlarda ve yaşlanan gözlerde okunamaz hâle gelir. WCAG birçok ülkede aynı zamanda yasal bir zorunluluktur.
- AA sınırının çok az altında kalıyorsam ne yapmalıyım?
- Renklerden birini biraz koyulaştırın veya açın. Araç gerçek zamanlı olarak güncellendiği için sınırı geçene kadar deneme yapabilirsiniz. Eşiğin 0.1 üzerine çıkmak bile geçer sayılır.