İş başına en fazla 200 görsel işleyin — ayarlarınızı bir kez yapın, hepsini çalıştırın.
Bir ön plan ve arka plan rengi yapıştırın (veya bir ekran görüntüsünden seçin); kontrast oranını ve hangi WCAG seviyelerini geçtiğini alın. WCAG 2.1 AA, çoğu yargı bölgesinde yasal erişilebilirlik taban çizgisidir; AAA ise kritik içerik için önerilen daha yüksek standarttır.
Eşikler
- WCAG AA, normal metin: En az 4.5:1.
- WCAG AA, büyük metin (18pt+ veya 14pt+ kalın): En az 3:1.
- WCAG AAA, normal metin: En az 7:1.
- WCAG AAA, büyük metin: En az 4.5:1.
- Metin olmayan arayüz bileşenleri (düğmeler, form kenarlıkları): En az 3:1 (WCAG 2.1+).
Kontrast neden önemlidir
Düşük kontrastlı metin, az gören kullanıcılar (nüfusun yaklaşık %4'ü), parlak güneş ışığındaki kullanıcılar, ucuz monitör kullanan kullanıcılar ve yaşlanan gözler (sonunda herkes) için okunamaz. Birçok tasarım sistemi, bir tasarımcının kalibre edilmiş 5K ekranında şık göründüğü için gri üzerine griyi varsayılan olarak kullanır — ve başka yerlerde okunamaz.
WCAG AA'yı karşılamamak ABD (ADA Title III), AB (EAA) ve diğer birçok yargı bölgesinde yasal olarak dava edilebilir. Ucuz sigorta: göndermeden önce her metin/arka plan çiftini bir denetleyiciden geçirin.
Raporladıklarımız
- Kontrast oranı bir sayı olarak (ör. 4.71:1).
- Geçti/kaldı her WCAG seviyesi ve metin boyutu için.
- Önerilen düzeltmeler: geçecek en yakın koyu ön plan veya açık arka plan.
- Canlı önizleme renk çiftinde örnek metin ile.
Renk körlüğü simülatörü ile eşleştirin
Kontrast ve renk körlüğü farklı erişilebilirlik eksenleridir. Aynı arayüzde Renk Körlüğü Simülatörü'nü çalıştırarak CVD'li kullanıcılar için de çalıştığını doğrulayın.
Sıkça sorulan sorular
Cos'è la definizione di 'testo grande'?
WCAG: 18pt normale o 14pt grassetto. Approssimativamente 24px normale o 19px grassetto in CSS.
Degradelerde çalışıyor mu?
En kötü durum noktasını test edin — genellikle degradenin en açık kısmı, ön planınıza karşı.
Ekran görüntüsünden kontrol edebilir miyim?
Evet — bir ekran görüntüsü yükleyin ve ön plan ile arka plan renklerine tıklayın.
Kabul edilebilir minimum oran nedir?
WCAG AA: Gövde metni için 4.5:1. Bunun altındaki herhangi bir değer uyumsuzdur.
Daha koyu her zaman daha iyi midir?
Daha yüksek kontrast, okunabilirlik için daha iyidir. Ancak saf siyah üzerine saf beyaz sert olabilir; birçok sistem, yine de AAA'yı geçen biraz daha yumuşak kontrast için #1A1A1A üzerinde #FAFAFA kullanır.
Peki ikon kontrastı ne olacak?
WCAG 2.1, metin olmayan UI bileşenleri için minimum 3:1 oranı ekledi — düğmeler, form kenarlıkları, odak halkaları.
Renk çiftlerini toplu olarak kontrol edebilir miyim?
Premium: bir CSV çifti yapıştırın ve tek bir raporda tüm oranları alın.
Yüklemeler özel mi?
Evet — 24 saat içinde silinir.
Hakkında Kontrast Denetleyici
Kontrast Denetleyici Wallpapers.com'dan ücretsiz bir çevrimiçi araçtır ve tamamen tarayıcınızda çalışır — kurulum yok, filigran yok, ilk deneme için e-posta kaydı yok.
Bir ön plan / arka plan renk çiftinin WCAG erişilebilirliğini karşılayıp karşılamadığını kontrol edin.
Nasıl kullanılır Kontrast Denetleyici
- Görselini yükleme alanına sürükle (tekli veya toplu — üstteki Toplu seçeneğini aç).
- Aracın sunduğu ayarları seç (boyut, biçim, kalite).
- Çalıştır'a tıkla. Sonuç otomatik indirilir — manuel kaydetme adımı yok.
Ne zaman kullanılır
Yaygın kullanım alanları şunlardır:
görselleri web yüklemesi, e-ticaret listeleri, biçim kısıtlamaları olan sosyal medya platformları için hazırlama ve dosyaları bir cihaz veya uygulamadan diğerine dönüştürme.
Free vs Premium
Her ziyaretçi ücretsiz bir deneme hakkı alır; giriş yapmış ücretsiz kullanıcılar daha yüksek günlük kota alır. Abone ol
Premium
sınırsız çalıştırma, iş başına 200 görsele kadar toplu işleme, öncelikli sıra ve reklamsız gezinme için.
İlgili araçlar
Biraz farklı bir şey mi arıyorsun? Dene
EXIF Temizleyici
,
EXIF Meta Verilerini Kaldır
veya
EXIF Görüntüleyici
— or browse all
Meta Veri ve Erişilebilirlik araçlar.
