Ücretsiz araç

WCAG Kontrast Denetleyici

WCAG AA ve AAA'ya göre renk kontrastını kontrol et. Geçen tek tıklık düzeltmeler — normal metin, büyük metin ve UI bileşenleri için.

Yazı rengi (ön plan)

Arka plan rengi

—:1

Kontrast oranı

Önizleme — arka plan üstüne yazı

Hızlı tilki

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bu, küçük metin kontrastını test etmek için 14px gövde metnidir.

Düğme

Önizleme — yer değiştirmiş

Hızlı tilki

Aynı metin ve arka plan, yer değiştirmiş. Bazı renk çiftleri yalnızca tek yönde çalışır.

Düğme

Hızlı düzeltmeler — geçen en yakın renkler

WCAG kontrastı hakkında

AA, çoğu ülkede yasal standarttır: normal metin için 4.5:1, büyük metin için 3:1 (18pt ve üzeri ya da 14pt kalın).
AAA "gelişmiş" seviyedir: normalde 7:1, büyük metinde 4.5:1. Gövde metninde mümkünse bunu hedefle.
UI bileşenleri (düğmeler, form kenarları, ikonlar) komşu renge karşı 3:1 ister — büyük metinle aynı.
Anlamı yalnızca renkle aktarma. Rengi bir ikon, alt çizgi veya etiketle eşle ki renk körü kullanıcılar da sinyali alsın.
Apple HIG ve Material, uygulamandaki metin için en az 4.5:1 ister — bunu sağlamamak bilinen bir App Store erişilebilirlik incelemesi uyarısıdır.

LaunchShots editöründe yerleşik kontrast ipuçlarıyla gelir — bir dene.