Renk Kontrastı Denetleyicisi
Metin rengi ile arka plan rengi arasındaki kontrastı WCAG 2 ve APCA ölçütlerine göre kontrol edin. Denetleyici, göreli parlaklıktan WCAG 2 kontrast oranını hesaplar; AA ve AAA düzeylerinde normal ve büyük metin ile UI grafikler için geçme veya kalma sonucunu bildirir ve bu değerin ne için yararlı olduğuna dair açıklamalarla APCA açıklık kontrastı değerini ekler. Erişilebilir arayüzler geliştiren tasarımcılar ve geliştiriciler için hazırlanmıştır.
Sık sorulan sorular
WCAG düzeyleri ne anlama gelir?
AA düzeyi, normal metin için 4.5:1 ve büyük metin için 3:1 gerektirir (başarı ölçütü 1.4.3); AAA düzeyi ise 7:1 ve 4.5:1 gerektirir (1.4.6). Kullanıcı arayüzü bileşenleri ve anlamlı grafikler, bitişik renklerle aralarında 3:1 kontrast gerektirir (1.4.11). Denetleyici, bu beş eşiğin her biri için geçme veya kalma sonucunu bildirir.
Büyük metin ne sayılır?
WCAG, büyük metni en az 18 punto normal yazı (yaklaşık 24 CSS piksel) veya en az 14 punto kalın yazı (yaklaşık 18.66 CSS piksel) olarak tanımlar. Daha küçük olan her şey normal metindir ve daha yüksek oran gerektirir.
4.499:1 oranı AA düzeyini neden geçemez?
WCAG eşikleri kesin değerlerdir; bu nedenle 4.5 olarak yuvarlanacak kadar yakın olsa bile, bu değerin altında kalan bir oran testi geçemez. Denetleyici, yuvarlanmamış oranı karşılaştırır ve iki ondalık basamağa keserek gösterir. Böylece görüntülenen sayı gerçek değerden daha iyi görünmez.
APCA nedir?
Erişilebilir Algısal Kontrast Algoritması, WCAG 3 taslakları için geliştirilen kontrast yöntemidir. Algılanan açıklık kontrastını modeller, metin ile arka planı farklı şekilde ele alır ve yaklaşık -108 ile 106 arasında bir açıklık kontrastı değeri (Lc) verir. Henüz yayımlanmış herhangi bir WCAG standardının parçası değildir; bu nedenle uygunluğu değerlendirmek için WCAG 2 sonuçlarını, ek kontrol olarak da APCA'yı kullanın.
APCA değeri neden bazen negatif olur?
APCA, kontrastın yönünü dikkate alır: pozitif değerler açık arka plan üzerindeki koyu metni, negatif değerler koyu arka plan üzerindeki açık metni belirtir. Açıklama, mutlak değeri kullanır; bu nedenle Lc -75 ve Lc 75 aynı düzeye girer.
APCA açıklama düzeyleri nasıl belirlenir?
Bu düzeyler, APCA bronze simple mode değerlerini temel alır: gövde metni için Lc 90 önerilir, gövde metni için en düşük değer Lc 75'tir; diğer içerik metinleri için Lc 60, başlıklar ve büyük metinler için Lc 45, yer tutucular gibi kısa süreli okunabilir metinler için Lc 30 ve metin dışı öğeler için Lc 15 kullanılır. Yazı tipi boyutu ve kalınlığı da önemlidir; bu nedenle düzeyleri kesin bir karar değil, başlangıç noktası olarak değerlendirin.
Hangi APCA sürümü kullanılıyor?
sRGB kanallarında basit 2.4 üssü, yumuşak siyah sınırı ve düşük kontrast kırpmasıyla birlikte sürüm 0.0.98 G, revizyon 4g APCA-W3 sabitleri kullanılır. Siyah metin ve beyaz arka plan yaklaşık Lc 106.0; beyaz metin ve siyah arka plan ise yaklaşık Lc -107.9 verir. Bu sonuç, referans uygulamayla eşleşir.
Hangi renk biçimlerini girebilirim?
Hex kodları, # işareti olsun ya da olmasın, CSS renk adları, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() display-p3 gibi renk uzayları ve cmyk() desteklenir. Her iki formül de sRGB ekran renkleri için tanımlandığından, sRGB dışındaki renkler önce sRGB'ye dönüştürülür.
Saydam renkler nasıl işlenir?
Yarı saydam bir metin rengi, tarayıcının çizdiği gibi, ölçümden önce arka planla harmanlanır. Yarı saydam bir arka plan ise önce beyazla harmanlanır. Sonuçta, gerçekten karşılaştırılan opak metin ve arka plan renkleri listelenir.
İki rengin sırası önemli mi?
WCAG 2 için önemli değildir; çünkü açık rengin parlaklığının koyu rengin parlaklığına oranı her iki durumda da aynıdır. APCA için önemlidir; çünkü metin ve arka plan farklı şekilde ağırlıklandırılır. Bu nedenle metin rengini ilk alana, arka plan rengini ikinci alana girin.