Renk kontrastı denetleyici

Bu, bir metin rengi ile bir arka plan rengi arasındaki kesin karşıtlık oranını ve bunun AA ile AAA erişilebilirlik düzeylerini karşılayıp karşılamadığını gösteren bir WCAG renk karşıtlığı denetleyicisidir. Renkleri örnek kutusuyla ya da onaltılık kodla seç ve canlı önizlemeyi gör.

Rozetler ihtiyacın olan düzeyi geçene kadar iki rengi ayarla; sonuç sen ilerledikçe anında güncellenir.

Arka planına açıklık bakımından fazla yakın olan metni okumak zordur ya da imkânsızdır; özellikle az gören veya renk görme farklılığı olan kişiler için ya da parlak güneş altında telefona bakan herkes için. Yeterli karşıtlık içeriğini herkes için okunabilir tutar.

Standardı Web İçeriği Erişilebilirlik Kılavuzu (WCAG) belirler. Çoğu sitenin hedeflediği ve birçok erişilebilirlik yasasının atıfta bulunduğu AA düzeyi, normal metin için 4,5:1 ve büyük metin için 3:1 oran ister. AAA ise 7:1 ve 4,5:1 ile daha katıdır.

Büyük metnin eşiği daha düşüktür, çünkü daha iri harfler daha az karşıtlıkta bile okunabilir kalır. Kabaca 24 piksel (18 punto) ya da kalınsa 18,66 piksel (14 punto) büyük sayılır.

Oran, resmi WCAG formülü kullanılarak iki rengin bağıl parlaklığından gelir ve 1:1 (karşıtlık yok, aynı renkler) ile 21:1 (beyaz üzerine siyah) arasında bir değer üretir.

Her şey tarayıcında hesaplanır, bu yüzden anlık ve gizlidir. Seçtiğin hiçbir şey hiçbir yere yüklenmez.