Kontrast ölçer.
Kontrast ölçer, iki rengin WCAG oranını hesaplar ve dört eşiğin hangisini geçtiğini söyler.
Hesap W3C'nin tanımladığı bağıl parlaklık formülüne dayanıyor: her renk kanalı önce doğrusallaştırılıyor, sonra insan gözünün yeşile duyarlılığını yansıtan katsayılarla ağırlıklandırılıyor. Sonuç 1:1 ile 21:1 arasında bir değer — aynı renk ile siyah-beyaz arasındaki uçlar.
Dört eşik neden farklı
WCAG tek bir sayı vermez çünkü okunabilirlik yalnız renge bağlı değildir. Normal boyuttaki metin için AA eşiği 4,5:1; büyük metin — 18,66 piksel kalın ya da 24 piksel normal — daha az kontrastla okunabildiği için 3:1. AAA seviyesi aynı ikiliyi 7:1 ve 4,5:1'e çekiyor.
Dördüncü eşik metne değil arayüze bakıyor. Bir form alanının sınırı, bir simge, bir grafik öğesi metin değildir ama görülemezse kullanılamaz; 1.4.11 Metin Dışı Kontrast bunlar için 3:1 istiyor. Bu ölçüt en sık atlanan ölçüttür, çünkü otomatik denetim araçlarının çoğu yalnız metni tarar.
Ölçtüğünü ölç, gördüğünü değil
Ekranda «yeterince koyu görünüyor» yargısı güvenilmez: parlaklık algısı ekrana, ortam ışığına ve göze göre değişir. Bu sitenin kendi kurulumunda ölçüm bir kez şu sonucu verdi — form alanı sınırı 1,29:1 çıktı, yani eşiğin çok altında ve gözle fark edilmeyecek kadar sinsi. Düzeltildikten sonra 3,13:1 oldu ve süitte bir teste bağlandı.
Aracın hesabı, bu sitenin doğrulama süitindeki fonksiyonun aynısıdır. İki yerde farklı sonuç veren bir hesap ikisinden birini yalancı yapardı; bu yüzden formül tek bir tanımdan geliyor. Hesabın adım adım açıklaması ve bağıl parlaklığın ne olduğu ayrı yazıldı.
Ne yapmaz
Araç bir sayfayı tarayamaz, yalnız verdiğiniz iki rengi ölçer. Sayfa taraması, gerçek render sonrası hesaplanan renkleri gerektirir — saydamlık, üst üste binen katmanlar ve görsel üzerine düşen metin hesabı değiştirir. Tam denetim için tarayıcı eklentisi ya da otomatik denetim araçları kullanılır; onların da sınırları ayrı yazıldı.
Nasıl kullanılır
- Ön plan rengini altı haneli onaltılık değerle yaz
- Arka plan rengini yaz
- Sonuç anında güncellenir — dört eşik ayrı ayrı işaretlenir
Araç tamamen tarayıcında çalışır — sunucuya veri gitmez, çerez yazılmaz.