Renk Kontrastı Neden Önemli?
Metin ile arka plan arasındaki yetersiz kontrast, içeriğinizi düşük görüşlü kullanıcılar, yaşlılar ve parlak ekranda okuyan herkes için okunmaz hâle getirir. Web erişilebilirlik standardı WCAG, bu kontrastı ölçülebilir bir orana bağlar. Bu araç girdiğiniz iki rengin kontrast oranını hesaplar ve WCAG 2.1'in AA ve AAA eşiklerine göre normal ve büyük metin için geçip geçmediğini gösterir.
WCAG Eşikleri
- AA — normal metin: en az 4,5:1. Web içeriğinin karşılaması gereken temel seviyedir.
- AA — büyük metin: en az 3:1 (18,66px kalın veya 24px normal ve üzeri).
- AAA — normal metin: en az 7:1. En yüksek erişilebilirlik seviyesi.
- AAA — büyük metin: en az 4,5:1.
Nasıl Hesaplanır?
Kontrast oranı, iki rengin bağıl parlaklıklarından (luminance) türetilir ve 1:1 (kontrastsız) ile 21:1 (siyah-beyaz) arasında bir değer alır. Bu araç, WCAG'in resmî bağıl parlaklık formülünü kullanır; sonuç doğrudan standartla karşılaştırılabilir. Renk şemanızı oluştururken Renk Paleti Üretici aracımızı kullanın. Erişilebilir, hızlı ve modern arayüzler için web tasarım hizmetimize göz atın.