Kontrast denetleyici nasıl kullanılır
- 1
İki renk girin
Metin rengini ve arka plan rengini HEX, rgb(), hsl() veya oklch() olarak yazın ya da yuvarlak renk örneğini açıp bir renk seçin.
- 2
Sonucu okuyun
Oran ve geçti ya da kaldı olarak gösterilen beş satır, normal ve büyük metin için AA ile AAA düzeylerini, ayrıca simgeler ve kenarlıklar için 3:1 kuralını gösterir.
- 3
Düzeltmeyi uygulayın
Bir düzey kalırsa, koşulu sağlayan en yakın daha koyu ya da daha açık metin veya arka plan rengini kullanın, ardından yeni değeri kopyalayın.
Sınırlar ve Pro
Ücretsiz ve sınırsız: istediğiniz kadar denetim, çift başına 5 WCAG 2.2 ölçütü, kalan her düzey için 2 önerilen düzeltme ve en fazla 7 renkli bir ızgara.
Kontrast denetleyici hakkında
Bu kontrast denetleyicisi, iki rengin parlaklık açısından birbirinden ne kadar uzak olduğunu WCAG 2.2'deki göreli parlaklık formülüyle ölçer. Tarayıcı erişilebilirlik denetimleri ve tasarım eklentileri de aynı hesaplamayı kullanır. Sonuç, 1:1 (aynı renk) ile 21:1 (beyaz üzerinde siyah) arasında bir orandır. 1.4.3 başarı ölçütü, AA düzeyinde gövde metni için 4,5:1, büyük metin için 3:1 ister; 1.4.6 bunu AAA için 7:1 ve 4,5:1'e çıkarır; 1.4.11 ise odak halkaları, giriş alanı çerçeveleri ve grafik çizgileri gibi anlam taşıyan metin dışı öğeler için 3:1 ister.
Canlı örnek, her iki metin boyutunu, çerçeveli bir düğmeyi ve bir simgeyi sizin renklerinizle gösterir; böylece yalnızca sayıya değil okunabilirliğe de bakabilirsiniz. Oranlar yuvarlanmaz, virgülden sonra iki basamağa kırpılır, çünkü 4,496:1 olan bir çift 4,5:1 koşulunu karşılamaz. Bir düzey kaldığında denetleyici, bir rengin tonunu ve doygunluğunu koruyarak OKLCH açıklığında arama yapar ve koşulu sağlayan en yakın değeri metin ve arka plan için ayrı ayrı önerir.
Denetleyici düz renkler içindir. Fotoğraf veya gradyan üzerindeki metni, saydamlığı, belirli bir ekranda yazı tipi kalınlığının görünümünü ya da WCAG 3 için önerilen daha yeni APCA yöntemini değerlendiremez. Bu yüzden geçmeyi asgari düzey sayın ve gerçek ekranlarda da test edin.
Gizlilik
İki renk de bu sekmede kalır: oran, geçti ve kaldı denetimleri ile önerilen düzeltmeler tarayıcınızda hesaplanır; hiçbir renk değeri sunucuya gönderilmez veya saklanmaz.