Renk Kontrast Denetleyici
Metin ve zemin rengini girin, WCAG 2.2 kontrast oranını ve AA/AAA sonucunu anında görün.
Bu araç seçtiğiniz metin ve zemin renkleri arasındaki kontrast oranını WCAG 2.2'nin göreli parlaklık formülüyle hesaplar. Rengi renk seçiciyle, HEX, RGB ya da HSL olarak (kısaltılmış HEX de dahil) girebilirsiniz. Sonuç gerçek boyutlarda metin, düğme ve bağlantı önizlemesiyle birlikte gösterilir, böylece sayı yerine görünümü de değerlendirebilirsiniz. Saydam (alfa) bir renk girerseniz araç onu seçtiğiniz zeminle harmanlayıp öyle hesaplar.
Sonuç tabloda dört eşikle karşılaştırılır: normal metin için AA 4,5:1 ve AAA 7:1, büyük metin için AA 3:1 ve AAA 4,5:1, arayüz bileşenleri ve grafikler için 3:1. Oran eşiği geçmiyorsa araç tonu koruyarak en yakın geçen değeri önerir, bu öneriyi tek tıkla uygulayabilirsiniz. Palet kipinde 2 ile 6 arasında renk girip tüm ikili kombinasyonların oranını tek tabloda görebilirsiniz.
Bu denetim yalnızca sayısal kontrast oranını hesaplar; yazı tipi, harf aralığı ya da çevredeki görsel karmaşıklık gibi okunabilirliği etkileyen diğer etkenlere bakmaz ve canlı bir sayfayı tarayıp sizin yerinize kontrol etmez. Farklı renk körlüğü türleri aynı oranı farklı algılayabilir, bu yüzden geçen bir oran herkes için rahat okunacağı anlamına gelmez. Kapsamlı bir erişilebilirlik değerlendirmesi için sayfayı gerçek kullanıcılarla ya da ekran okuyucuyla da sınamak gerekir.
Sık sorulanlar
Büyük metin sayılmak için ne kadar büyük olmalı?
WCAG'a göre yaklaşık 18 punto (24 piksel) normal ya da 14 punto (18,5 piksel) kalın ve üzeri büyük metin sayılır; bundan küçük her metin normal metin eşiklerini karşılamak zorundadır.
AA mi AAA mı hedeflemeliyim?
AA çoğu site için beklenen temel düzeydir; AAA daha sıkı bir hedeftir ve erişilebilirlik öncelikliyse önerilir ama marka renkleriyle tutturması daha zordur.
Oran geçiyorsa tasarımım tamamen erişilebilir mi olur?
Hayır, kontrast oranı tek bir etkendir; yazı tipi, kalınlık, aralık ve çevredeki içerik de okunabilirliği etkiler, bu yüzden yeşil bir oran daha kapsamlı bir erişilebilirlik incelemesinin yerini tutmaz.
Girdiğim renkler bir yere kaydediliyor mu?
Hayır, hesaplama tamamen tarayıcınızda yapılır; hiçbir renk ya da palet cihazınızdan dışarı gönderilmez.
