WCAG Kontrast Denetleyici
Tasarımdan gizli — tamamen tarayıcınızda çalışır
Ön plan ve arka plan renklerini seçin; WCAG kontrast oranı ile normal metin, büyük metin ve UI bileşenleri için AA/AAA rozetlerini görün.
Hangi oran geçer not sayılır
WCAG AA normal metinde 4,5:1, büyük metinde (≥18 px regular veya ≥14 px kalın) 3:1 ister. AAA bu eşikleri 7:1 ve 4,5:1’e yükseltir.
UI bileşenleri için 3:1 kuralı nedir
WCAG 2.1 SC 1.4.11 ikonlar, form alanı kenarlıkları ve bilgi taşıyan diğer metin dışı UI öğeleri için 3:1 kontrast ister. Aracın rozeti bu durumu kapsar.
Yarı saydam renkler kapsam içinde mi
Değer rgba ise ve arka plan opak ise evet; üst üste binmiş yarı saydam katmanlarda önceden düzleştirmek gerekir. Çözümlenemeyen değer için araç uyarı verir.
Sıkça Sorulan Sorular
- Hangi oran geçer not sayılır?
- WCAG AA normal metinde 4,5:1, büyük metinde (≥18 px regular veya ≥14 px kalın) 3:1 ister. AAA bu eşikleri 7:1 ve 4,5:1’e yükseltir.
- UI bileşenleri için 3:1 kuralı nedir?
- WCAG 2.1 SC 1.4.11 ikonlar, form alanı kenarlıkları ve bilgi taşıyan diğer metin dışı UI öğeleri için 3:1 kontrast ister. Aracın rozeti bu durumu kapsar.
- Yarı saydam renkler kapsam içinde mi?
- Değer rgba ise ve arka plan opak ise evet; üst üste binmiş yarı saydam katmanlarda önceden düzleştirmek gerekir. Çözümlenemeyen değer için araç uyarı verir.
- Bir şey yükleniyor mu?
- Hayır. Matematik bu sayfadaki küçük bir fonksiyondur; renkler tarayıcıyı terk etmez.