Kontrast Kontrolü
WCAG standartlarına göre metin ve arka plan renkleri arasındaki kontrast oranını hesaplayın
WCAG Kontrast Kontrolü Nedir?
WCAG (Web Content Accessibility Guidelines), web içeriğinin engelli bireyler için erişilebilir olmasını sağlayan uluslararası standartlardır. Kontrast oranı, metin ve arka plan renkleri arasındaki parlaklık farkını ölçer.
Yeterli kontrast, görme güçlüğü çeken kullanıcıların metni rahatça okumasını sağlar. WCAG 2.1 standartları, farklı metin boyutları için minimum kontrast oranları belirler.
WCAG Kontrast Seviyeleri
AA Normal
Minimum: 4.5:1
Uygulama: 18px altı metin
Zorunluluk: Çoğu web sitesi için gerekli
AA Büyük
Minimum: 3:1
Uygulama: 18px+ veya 14px kalın metin
Zorunluluk: Başlıklar ve büyük metinler
AAA Normal
Minimum: 7:1
Uygulama: 18px altı metin
Zorunluluk: En yüksek erişilebilirlik
AAA Büyük
Minimum: 4.5:1
Uygulama: 18px+ veya 14px kalın metin
Zorunluluk: Özel erişilebilirlik gereksinimleri
Sıkça Sorulan Sorular
Kontrast oranı, iki rengin göreli parlaklık (luminance) değerleri kullanılarak hesaplanır: (L1 + 0.05) / (L2 + 0.05). L1 açık renk, L2 koyu renktir. Sonuç 1:1 ile 21:1 arasında değişir.
Çoğu web sitesi için AA seviyesi yeterlidir ve yasal olarak gerekli olabilir. Kamu kurumları ve büyük şirketler genellikle AA seviyesini zorunlu tutar. AAA seviyesi ideal olsa da, tüm içerik için uygulanması zor olabilir.
WCAG kuralları, salt dekoratif metinler, logolar ve devre dışı bırakılmış arayüz öğeleri için geçerli değildir. Ancak okunması gereken tüm metinler için kontrast gereksinimleri uygulanmalıdır.
Kontrast Kontrolü Sıkça Sorulan Sorular
WCAG (Web Content Accessibility Guidelines), web içeriklerinin erişilebilirliği için belirlenen standartlardır. AA seviyesi için normal metin en az 4.5:1, büyük metin en az 3:1 kontrast oranına sahip olmalıdır.
AA seviyesi minimum erişilebilirlik standardıdır (4.5:1 oran). AAA ise en yüksek seviyedir (7:1 oran). Çoğu web sitesi için AA seviyesi yeterlidir, ancak devlet siteleri ve sağlık uygulamaları için AAA önerilir.
Düşük kontrast, görme bozukluğu olan kullanıcıların metni okumasını zorlaştırır. Ayrıca güneş altında mobil cihaz kullanan herkes için de önemlidir. İyi kontrast, tüm kullanıcılar için okunabilirliği artırır.