Renk Kontrast Oranı Denetleyici Aracı Nedir Nasıl Kullanılır?

Renk kontrast oranı, bir rengin (genellikle metin) başka bir rengin (genellikle arkaplan) üzerinden ne kadar kolay okunabildiğini ölçen bir değerdir. Yeterli kontrast, özellikle görme bozukluğu olan kullanıcılar için web sitesi içeriğinin okunabilir olmasını sağlar (web erişilebilirliği).

Aracın Kullanımı

Renkleri Seçin: "Arkaplan Rengi" ve "Metin Rengi" için renk seçicileri kullanabilir veya doğrudan HEX renk kodlarını (#FFFFFF gibi) yazabilirsiniz. İki alan birbiriyle senkronize çalışır. Sonuçları Anlık İnceleyin: Siz renkleri değiştirdikçe, önizleme alanı, kontrast oranı ve WCAG uyumluluk durumu anlık olarak güncellenir.

Sonuçları Anlamak

• Önizleme: Seçtiğiniz renk kombinasyonunun normal ve büyük metinlerde nasıl görüneceğini gösterir.

• Kontrast Oranı: İki renk arasındaki okunabilirlik farkını sayısal olarak ifade eder. Oran ne kadar yüksekse, okunabilirlik o kadar iyidir. 1:1 hiç kontrast olmadığı, 21:1 ise maksimum kontrast (siyah-beyaz) olduğu anlamına gelir.

• WCAG Uyumluluk Durumu: Seçiminizin, uluslararası web erişilebilirlik standartları olan WCAG (Web Content Accessibility Guidelines) kriterlerini karşılayıp karşılamadığını gösterir:

  • AA Standardı: Çoğu web sitesi için kabul edilen minimum erişilebilirlik seviyesidir. Normal metin için 4.5:1, büyük metin için 3:1 oran gerektirir.

  • AAA Standardı: Daha geniş bir kitleye hitap eden, ileri düzey erişilebilirlik seviyesidir. Normal metin için 7:1, büyük metin için 4.5:1 oran gerektirir.