Renk kontrastı kontrolü
Metninizin herkes için kolay okunduğundan emin olun; okunmuyorsa bir çözüm alın.
Bu cihazda mühürlendi
Tarayıcınızda çalışır. Hiçbir şey yüklenmez.
Mühürlü
Renkler
- Kontrast oranı
- Normal metin
- AA · 4,5:1
- AAA · 7:1
- Büyük metin
- AA · 3:1
- AAA · 4,5:1
- Arayüz öğeleri ve simgeler
- AA · 3:1
- APCA kontrastı (bilgi amaçlı)
APCA, gelecekteki erişilebilirlik yönergeleri için incelenen daha yeni bir yöntemdir. Bugün referans hâlâ WCAG 2.2’dir.
Önizleme
Büyük metin böyle okunur
Normal metin; az gören kişiler dahil herkes için, parlak güneş altında bir telefonda ya da eski bir ekranda bile kolay okunmalıdır.
Küçük yazılar ve açıklamalar en çok kontrasta ihtiyaç duyar.
Önerilen düzeltmeler
Nasıl çalışır
-
İki renginizi girin
Metin rengini ve arka plan rengini yazın veya seçin. Her biçim çalışır: HEX, RGB, HSL veya bir CSS adı.
-
Sonucu okuyun
Kontrast oranını ve bunun normal metin, büyük metin ve arayüz öğeleri için WCAG 2.2 AA ve AAA’yı geçip geçmediğini görün.
-
Gerekirse bir düzeltme uygulayın
Bir seviye geçilemiyorsa önerilen renklerden birini kullanın: bu, aynı tonda olup seviyeyi geçen en yakın renktir.
Sıkça sorulan sorular
Hangi kontrast oranına ihtiyacım var?
WCAG 2.2 AA seviyesi normal metin için en az 4,5:1, büyük metin için 3:1 ister. AAA seviyesi ise 7:1 ve 4,5:1 ister. Simgeler, giriş alanı kenarlıkları ve diğer arayüz öğeleri, yanlarındaki renge karşı en az 3:1 gerektirir.
Hangi metin büyük metin sayılır?
En az 18 punto (24 CSS pikseli) ya da kalın yazıldığında en az 14 punto (yaklaşık 18,7 CSS pikseli) olan metin. Daha küçük her şey normal metindir.
4,49:1, 4,5:1’e bu kadar yakınken neden kalıyor?
WCAG eşikleri kesin alt sınırlardır ve oran yukarı yuvarlanmamalıdır. Bu yüzden bu araç oranı aşağı yuvarlayarak gösterir: geçiyor gibi görünen bir değer gerçekten geçer.
APCA nedir?
APCA (Accessible Perceptual Contrast Algorithm), metnin açık zemin üzerinde koyu mu yoksa koyu zemin üzerinde açık mı olduğunu hesaba katan daha yeni bir kontrast ölçme yöntemidir. Yönergelerin gelecekteki bir sürümü için inceleniyor. Burada yalnızca bilgi amaçlı gösterilir: bugün yasal ve denetim gereklilikleri WCAG 2 oranını esas alır.
Önerilen renkler nasıl seçilir?
Araç, renginizin tonunu ve canlılığını korur ve algısal OKLCH renk uzayında yalnızca açıklığını, seviyeye ulaşan en yakın değeri bulana kadar değiştirir. Renginiz yine kendisi gibi görünür, yalnızca biraz daha açık veya daha koyu olur.
Saydam renklerle çalışır mı?
Metin rengi için evet: yarı saydam bir metin rengi önce arka planla karıştırılır, çünkü insanların gerçekte gördüğü renk budur. Arka plan ise düz renk olarak ele alınır.