Kontrast Kontrolü
Kontrast Kontrol aracı, bir metin rengi ile arka plan rengi arasındaki WCAG 2.1 kontrast oranını hesaplar ve bu ikilinin normal ve büyük metin için AA ve AAA'yı geçip geçmediğini gösterir.
Bu araç hakkında
Kontrast Kontrol aracı, bir metin rengi ile arka plan rengi arasındaki WCAG 2.1 kontrast oranını hesaplar ve bu ikilinin normal ve büyük metin için AA ve AAA'yı geçip geçmediğini gösterir.
Nasıl kullanılır
- Metin rengini girin veya seçin.
- Arka plan rengini girin veya seçin (3 basamaklı kısa gösterim dahil hex değerleri çalışır).
- Kontrast oranını ve normal ile büyük metin için AA/AAA sonuçlarını okuyun.
- İhtiyacınız olan seviye geçene kadar renklerden birini ayarlayın.
Bilmekte fayda var
- WCAG 2.1 AA, normal metin için en az 4.5:1, büyük metin için 3:1 kontrast oranı gerektirir.
- WCAG 2.1 AAA, normal metin için en az 7:1, büyük metin için 4.5:1 gerektirir.
- Büyük metin, normal kalınlıkta en az 18 pt (24 px) veya kalın yazıda 14 pt (yaklaşık 18.66 px) anlamına gelir.
- Kontrast oranları 1:1'den (aynı renkler) 21:1'e (beyaz üzerine siyah) kadar değişir.
- Oran, WCAG formülüne göre her rengin göreli parlaklığından hesaplanır.
Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.
Sık sorulan sorular
Erişilebilirlik için hangi kontrast oranı gerekir?
WCAG 2.1 AA seviyesi için normal metin en az 4.5:1, büyük metin en az 3:1 gerektirir. AAA seviyesi bunu 7:1 ve 4.5:1'e yükseltir.
Yeşil üzerine beyaz metin erişilebilir mi?
Tonuna bağlıdır. Birçok parlak yeşil beyaz metinle AA'yı geçemez; daha koyu yeşiller genellikle geçer. Kontrol etmek için tam hex değerlerinizi girin.
WCAG'de büyük metin ne sayılır?
Normal kalınlıkta en az 18 punto (24 px) veya kalın yazıda en az 14 punto (yaklaşık 18.66 px) olan metin.
WCAG kontrastı butonlar ve ikonlar için de geçerli mi?
WCAG 2.1 başarı kriteri 1.4.11, kullanıcı arayüzü bileşenleri ve anlamlı grafikler için çevrelerine karşı en az 3:1 kontrast ister.