Kontrast oranı, metin rengi ile arka plan rengi arasındaki parlaklık farkını 1:1 ile 21:1 arasında ifade eden ölçüdür. WCAG 2.2'nin 1.4.3 numaralı başarı kriterine göre normal boyutlu metin için en az 4.5:1, büyük metin için en az 3:1 oranı gerekir. Düşük kontrast, az gören kullanıcılar için içeriği okunamaz hale getirir.
Kontrast oranı, iki rengin göreli parlaklığı üzerinden hesaplanır; saf beyaz ile saf siyah arasındaki oran 21:1'dir. WCAG 2.2'nin 1.4.3 numaralı başarı kriteri (AA seviyesi) normal metin için en az 4.5:1, büyük metin için en az 3:1 oranı ister; AAA seviyesinde eşikler daha da yükselir. Kriter; gövde metni, buton etiketi ve form alanı yazıları gibi okunması gereken tüm içerikler için geçerlidir. Logolar ve tamamen dekoratif metinler kapsam dışıdır.
Pratikte kontrast sorunları çoğunlukla marka renklerinden çıkar: açık gri gövde metinleri, beyaz zemin üzerine pastel renkli butonlar ve fotoğraf üzerine bindirilmiş yazılar en sık ihlal kaynaklarıdır. Ölçüm için tarayıcıların geliştirici araçları, WebAIM Contrast Checker gibi ücretsiz çevrimiçi araçlar veya otomatik erişilebilirlik tarayıcıları kullanılabilir. Düşük kontrast yalnızca az gören kullanıcıları değil, parlak güneş ışığında telefon ekranına bakan herkesi etkiler; bu yüzden düzeltmenin faydası geniştir.
Kalıcı çözüm, renk paletini tasarım sisteminde düzeltmektir: metin renklerini koyulaştırmak veya arka planları açmak genellikle yeterli olur. Kullanıcı tarafında yüksek kontrast modu sunan araçlar ek kolaylık sağlar, ancak kaynak koddaki kontrast sorunlarının düzeltilmesinin yerine geçmez. Otomatik tarama, sitenizdeki kontrast ihlallerini sayfa ve öğe bazında listeleyerek düzeltme işini planlanabilir hale getirir.
Sık sorulan sorular
Kontrast oranı nasıl ölçülür?
En pratik yol hazır araçlardır: Chrome ve Firefox'un geliştirici araçları bir metni incelediğinizde kontrast oranını gösterir; WebAIM Contrast Checker gibi ücretsiz sitelere iki renk kodu girerek oranı görebilirsiniz. Site genelinde denetim için otomatik erişilebilirlik tarayıcıları tüm sayfaları gezerek 4.5:1 eşiğinin altındaki metinleri öğe bazında listeler. Elle hesaplamaya gerek yoktur.
4.5:1 kuralı her metin için geçerli mi?
Hayır. 4.5:1 eşiği normal boyutlu metin içindir; büyük metinde (yaklaşık 24 piksel ve üzeri veya kalın yazımda yaklaşık 19 piksel) 3:1 yeterlidir. Logolar, marka isimleri ve tamamen dekoratif metinler kapsam dışıdır; devre dışı bırakılmış arayüz öğeleri de muaftır. AAA seviyesini hedefleyen siteler için eşikler daha yüksektir. Şüphedeyseniz 4.5:1 üzerini hedeflemek güvenli tercihtir.
Bu içerik bilgilendirme amaçlıdır ve hukuki görüş niteliği taşımaz.