Araç yükleniyor…

WCAG renk kontrastı kontrolü

Düşük kontrastlı metin, web'deki en yaygın erişilebilirlik sorunlarından biridir. QodeCat Kontrast Kontrolü iki renk arasındaki WCAG 2.1 kontrast oranını tam olarak hesaplar ve hangi başarı ölçütlerini karşıladıklarını gösterir.

  • AA normal metin: en az 4,5:1.
  • AA büyük metin (24px ya da 18.66px kalın): en az 3:1.
  • AAA normal metin: en az 7:1, AAA büyük metin: en az 4,5:1.
  • Arayüz bileşenleri ve grafikler (simgeler, giriş alanı kenarlıkları, odak halkaları): en az 3:1.

Kontrast oranı nasıl hesaplanır?

Resmi formül

Her renk, WCAG'nin tanımladığı sRGB eğrisiyle göreli parlaklığa çevrilir. Oran, (açık renk + 0,05) bölü (koyu renk + 0,05) olarak hesaplanır ve 1:1 (kontrast yok) ile 21:1 (beyaz üzerine siyah) arasında bir değer verir. Sonuçlar asla yukarı yuvarlanmaz, yani 4,48:1 AA'dan geçemez.

Geçemeyen renkleri hızlıca düzelt

Bir renk çifti AA'dan geçemezse araç ton ve doygunluğu koruyarak geçen en yakın açık ya da koyu metin rengini bulur. Tek tıkla uygula, sonra istediğin gibi ince ayar yap.

Sıkça Sorulan Sorular

S. Hangi renk biçimlerini girebilirim?

#333 ya da #1a2b3c gibi HEX kodlarını ve rgb(26, 43, 60) gibi rgb() değerlerini girebilirsin. Her alanın yanındaki renk seçiciyi de kullanabilirsin.

S. Büyük metin neye denir?

WCAG büyük metni en az 18pt (24px) normal ya da 14pt (yaklaşık 18.66px) kalın metin olarak tanımlar. Büyük metnin AA için yalnızca 3:1 orana ihtiyacı vardır.

S. AA yeterli mi?

AA, yasaların ve politikaların çoğunun istediği seviyedir. AAA daha sıkıdır; uzun okuma metinleri ve az gören kullanıcılar için önerilir.