Renk Kontrast Denetleyicisi
Erişilebilir web tasarımı için WCAG 2.1 AA/AAA kontrast uyumluluğunu test edin
Renk Kontrast Denetleyicisi
Canlı Önizleme
Erişilebilir Alternatifler
Tüm kontrast seviyeleri geçti! Öneri gerekmiyor.
WCAG 2.1 Gereksinimleri
| Seviye | Normal | Büyük |
|---|---|---|
| AA | 4.5:1 | 3:1 |
| AAA | 7:1 | 4.5:1 |
Özellikler
WCAG 2.1 Uyumluluk
Resmi WCAG 2.1 yönergelerine göre normal ve büyük metin için AA ve AAA seviyelerini test eder
Canlı Önizleme
Renk kombinasyonunuzu farklı boyutlardaki örnek metinlerle gerçek zamanlı görün
Akıllı Öneriler
Kombinasyonunuz kontrast gereksinimlerini karşılamadığında otomatik erişilebilir renk alternatifleri alın
Gizlilik Öncelikli
Tüm hesaplamalar tarayıcınızda yerel olarak yapılır, sunuculara veri gönderilmez
Nasıl Kullanılır?
Renkleri Seçin
Renk seçici veya HEX giriş alanlarını kullanarak ön plan (metin) ve arka plan renklerini girin.
Sonuçları Kontrol Edin
Normal ve büyük metin için kontrast oranını ve WCAG AA/AAA uyumluluk durumunu görün.
Önerileri Uygulayın
Kontrast başarısız olursa, anında uygulamak için önerilen erişilebilir renk alternatifine tıklayın.
Sıkça Sorulan Sorular
Renk Kontrast Denetleyicisi Nedir?
Metin ve arka plan renklerinizin WCAG 2.1 erişilebilirlik standartlarını karşılayıp karşılamadığını söyleyen bir araç. İki renk seçin ve hem normal hem büyük metin için AA ve AAA seviyelerini anında görün. Geçemezlerse, araç tek tıkla uygulayabileceğiniz erişilebilir alternatifler önerir.
Kontrast Neden Önemli?
Düşük renk kontrastı web'deki en yaygın erişilebilirlik sorunlarından biri. Görme bozukluğu, renk körlüğü olan kişileri ve hatta güneşli ortamda ekrana bakan herkesi etkiler. WCAG standartlarını karşılamak sadece iyi uygulama değil, birçok ülkede yasal bir gereklilik.
Nasıl Kullanılır?
Ön plan ve arka plan renklerini HEX kodu veya renk seçici ile girin. Araç anında kontrast oranını hesaplar ve her WCAG seviyesi için geçti veya kaldı gösterir. Kontrast düşükse, öneriler bölümünden benzer görünümü koruyan erişilebilir alternatiflere bakın.
Tasarımcılar İçin İpuçları
Renk paletinizi site bittikten sonra değil, tasarım sürecinin başında test edin. Açık arka plan üzerine koyu metin genelde iyi çalışır. Bilgi iletmek için sadece renge güvenmeyin. Büyük metin (18px+ normal veya 14px+ kalın) daha esnek kontrast gereksinimlerine sahip.
Gizlilik
Her şey tarayıcınızda çalışır. Sunucuya renk verisi gönderilmez. Hesap yok, takip yok.