Renk ve tasarım

Metin kontrastı denetleyici

İki opak HEX rengini WCAG metin kontrastı eşikleriyle karşılaştırın.

Yerel olarak işlenir

Yalnızca metin kontrastını denetler, tüm erişilebilirliği değil. Yalnızca düz opak renkler; saydamlık, geçiş veya görüntü yoktur.

Yanıtınız burada görünecek.

Yardım ve yöntem

WCAG 2.2 göreli sRGB parlaklığını kullanır: (açık + 0.05) / (koyu + 0.05). AA normal metinde 4.5:1, büyük metinde 3:1; AAA sırasıyla 7:1 ve 4.5:1 gerektirir. Büyük metin en az 18 pt (24 CSS px) veya 14 pt kalındır (yaklaşık 18.67 CSS px). Sonuç, ekrandaki yuvarlama yerine yuvarlanmamış oranla belirlenir.

WCAG 2.2 · 1.4.3WCAG 2.2 · 1.4.6Yöntemler ve güvenilirlik

Çözülmüş örnek

Deneyebileceğiniz veya kendi değerlerinize uyarlayabileceğiniz bir örnek.

Metin rengi (HEX)
#000000
Arka plan rengi (HEX)
#ffffff

Sonuç

Kontrast oranı: 21:1; AA · normal metin: Geçti; AA · büyük metin: Geçti; AAA · normal metin: Geçti; AAA · büyük metin: Geçti