Bu sayfayı yer imlerine eklemek için Ctrl+D tuşlarına basın
İki renk arasındaki kontrast oranlarını WCAG 2. 1 erişilebilirlik standartlarına (AA, AAA) göre test eden ücretsiz çevrimiçi renk kontrastı denetleyici.
Renk Kontrast Denetleyicisi nasıl kullanılır?
Ön plan (metin) ve arka plan renklerini girin.
Kontrast oranını ve WCAG derecesini (AA/AAA) kontrol edin.
Standartları karşılamak için gerektiğinde renkleri ayarlayın.
Renk Kontrast Denetleyicisi hakkında sık sorulan sorular
WCAG AA ile AAA arasındaki fark nedir?
AA, normal metin için 4.5:1 ve büyük metin için 3:1 gerektirir. AAA ise sırasıyla 7:1 ve 4.5:1 ile daha katıdır.
Kontrast oranım geçemezse ne yapmalıyım?
Kontrastı artırmak için renkleri daha açık veya daha koyu hale getirin. Araç, siz ayarladıkça sonuçları gerçek zamanlı olarak gösterir.
Büyük metnin eşiği düşük — peki ne kadar büyük olmalı?
WCAG, normal kalınlıkta 18pt'den (yaklaşık 24px) ya da kalın yazıda 14pt'den (yaklaşık 18,7px) itibaren metni büyük sayar. Bu koşul sağlandığında AA gereksinimi 4,5:1'den 3:1'e iner. Ancak bunlar taban değerlerdir, hedef değil: gövde metni kısılmış bir dizüstü ekranında ya da gün ışığında da okunabilmelidir, bu yüzden 7:1'e yaklaşmak daha güvenli bir alışkanlıktır.
Fotoğrafın ya da yarı saydam bir panelin üstündeki metnin kontrastını nasıl denetlerim?
Kontrast hesabı iki düz renk varsayar; bu yüzden bir fotoğrafta metnin altındaki en açık ve en koyu noktayı damlalıkla alıp denetimi iki kez yapmalısınız. Biri bile kalırsa metin görselin bir yerinde kaybolur. Uygulamada metnin arkasına düz renk bir bant koymak, yarı saydam siyah bir katmandan ya da yazı gölgesinden daha güvenilirdir; çünkü ikisi de altta ne olduğuna bağlıdır.
Renk Kontrast Denetleyicisi etkili kullanım ipuçları
Gövde metni 4,5:1 ister; 18pt veya kalın 14pt ve üzeri için AA seviyesinde 3:1 yeterlidir.
Türkiye'deki kamu web erişilebilirlik rehberleri de aynı WCAG kontrast eşiklerine dayanır.
Simge ve giriş alanı kenarlıkları gibi metin dışı ögelerin de 3:1 kontrastı olmalı.