WCAG 2.1 standartlarına göre iki renk arasındaki kontrast oranını hesaplayın. AA ve AAA erişilebilirlik seviyelerini kontrol edin.
Yeterli renk kontrastı, özellikle görme bozukluğu olan kullanıcılar için web erişilebilirliğinin temel gereksinimlerinden biridir. WCAG (Web Content Accessibility Guidelines) standartları, metin ve arka plan arasında minimum kontrast oranları belirler.
AA Normal Metin: 4.5:1 minimum kontrast oranı gerekir. 18px altındaki metinler için geçerlidir.
AA Büyük Metin: 3:1 minimum kontrast oranı. 18px üstü veya 14px bold metinler için geçerlidir.
AAA Normal Metin: 7:1 minimum kontrast oranı. En yüksek erişilebilirlik seviyesi.
AAA Büyük Metin: 4.5:1 minimum kontrast oranı. Büyük metin için AAA seviyesi.
AA ve AAA arasındaki fark nedir?
AA minimum erişilebilirlik standardıdır ve çoğu web sitesi için yeterlidir. AAA en yüksek seviyedir ve daha sıkı kontrast gereksinimleri uygular.
Kontrast oranı nasıl hesaplanır?
WCAG 2.1 formülüne göre, iki rengin göreceli parlaklık (luminance) değerleri kullanılarak hesaplanır. Oran 1:1 (aynı renk) ile 21:1 (siyah-beyaz) arasında değişir.