Kontrast Denetleyici
Herhangi bir metin ve arka plan renk kombinasyonu için WCAG AA ve AAA uyumluluğunu kontrol edin.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
WCAG kontrast uyumluluğu nedir?
WCAG, düşük görüşlü veya renk körü kişiler için okunabilirliği sağlamak amacıyla metin ve arka plan arasındaki minimum kontrast oranlarını tanımlar. AA düzeyi normal metin için en az 4,5:1 ve büyük metin için 3:1 gerektirir. AAA düzeyi ise 7:1 ve 4,5:1 gerektiren gelişmiş standarttır.
AA mı AAA mı - hangisini hedeflemelisiniz?
AA, çoğu erişilebilirlik düzenlemesi için yasal minimumdur (Avrupa'da EN 301 549, ABD'de Section 508). AAA altın standarttır. Çoğu ekip tüm metin için AA'yı ve mümkün olan yerlerde gövde metni için AAA'yı hedefler.
"Büyük metin" ne sayılır?
WCAG büyük metni normal ağırlıkta 18pt (24px) veya üstü, ya da kalın yazıda 14pt (18,67px) veya üstü olarak tanımlar. Büyük metin, boyutun kendisi okunabilirliğe yardımcı olduğundan daha toleranslı bir kontrast oranından (AA için 3:1) yararlanır.
Bu aracı nasıl kullanırsınız
Renk seçicileri kullanarak metin ve arka plan rengini seçin veya hex kodlarını doğrudan girin. Kontrast oranı anında güncellenir ve dört WCAG kontrolünün tamamı (AA Normal, AA Büyük, AAA Normal, AAA Büyük) gerçek zamanlı olarak Geçti veya Kaldı gösterir.