WCAG erişilebilirliği için renk kontrastı nasıl kontrol edilir?
Renk kontrastı, metin ile zemini arasındaki parlaklık farkıdır. Çok düşük olduğunda birçok kullanıcı içeriği okuyamaz. WCAG somut oranlar tanımlar — normal metin için 4.5:1, büyük metin için 3:1 — ve bir denetleyici saniyeler içinde çiftin geçerli olup olmadığını söyler.
Önemli oranlar
WCAG AA, normal boyutlu metin için 4.5:1, büyük metin için (18px+ veya 14px koyu) 3:1 ister. AAA çıtayı 7:1 ve 4.5:1'e yükseltir. Bu oranları geçen arayüzler düşük görüşlü kişiler ve gün ışığında okunabilir.
- AA: herkese açık siteler için minimum.
- AAA: metin ağırlıklı içerik için daha katı standart.
- Grafik öğeler ve ikonlar da 3:1 gerektirir.
FreetoolsY ile bir çifti test edin
WCAG Kontrast Denetleyici'ye metin ve zemin renginizi girin. Tam oranı hesaplar ve çiftin AA veya AAA'yı geçip geçmediğini anında gösterir. Sevdiğiniz çift uyumlu olana kadar değerleri canlı ayarlayın — tahmin yok.
Önce kontrastla tasarlayın
Metin ve zemin renklerini aynı paletten seçin, ardından bileşeni yayınlamadan önce doğrulayın. Kontrast Denetleyici'yi Renk Dönüştürücü ile birleştirip CSS'inizde kullandığınız tam hex değerlerini test edin.