Beyaz üzerinde gri metin, tasarımcının monitöründe iyi görünür; sonra ekranı loş bir telefonu olan kullanıcı onu okuyamaz. Renk kontrastı denetleyici, tartışmayı bitiren sayıyı verir. Bir metin rengi ve bir arka plan rengi girin; oran siz yazarken görünür, örneğin beyaz üzerindeki #777777 örnek çifti için 4,47:1.
Beş geçti/kaldı satırını okumak
Her satır oranınızı bir WCAG 2.x asgarisiyle karşılaştırır. AA normal metin 4,5, AA büyük metin 3, AAA normal metin 7 ve AAA büyük metin 4,5 gerektirir. Beşinci satır olan arayüz bileşenleri ve grafikler 3 gerektirir. Büyük metin, 18 pt (24 px) veya daha büyük, ya da kalınsa 14 pt (18,67 px) veya daha büyük demektir. Önizleme kutusu normal metni, büyük metni ve büyük kalın metni sizin renklerinizle gösterir.
4,496 neden kalır
Araç oranı iki ondalıktan sonra keser. Yuvarlamaz. Bu yüzden 4,496 4,49:1 olarak görünür ve 4,5 sınırını geçemez. Yuvarlamak 4,50 gösterir ve kalan bir çiftin geçmesine izin verirdi. Örnek çift bunu gösterir: gerçek değer yaklaşık 4,478'dir; bu yüzden 4,48 değil 4,47 görürsünüz.
Kalan bir çifti dört adımda düzeltmek
- Metin rengini yazın veya seçin. Metin alanı ve renk seçici eşzamanlı kalır.
- Arka plan rengini yazın veya seçin.
#rgb,#rrggbbveyargb(r, g, b)kullanın. Başka her şey satır içi bir hata alır. - Oranı ve satırları okuyun. AA normal metin başarısız olursa bir kutu, 4,5:1'e ulaşan en yakın metin rengini gösterir.
- Uygulamak için Bu rengi kullan'a ya da koyu arka planda açık metni denemek için Renkleri değiştir'e basın.
En yakın renk nasıl bulunur
Öneri, metin renginizin renk tonunu ve doygunluğunu korur. Yalnızca açıklığı 0,1 yüzde puanlık adımlarla değiştirir. Araç daha koyuyu ve daha açığı arar ve daha yakın sonucu gösterir. Beyaz üzerinde #777777 için yanıt, beyaz üzerinde geçen en açık gri olan #767676'ya yakındır.
Denetleyicinin yargılayamadıkları
İki opak rengi karşılaştırır. rgba() veya 8 haneli bir hex değeri gibi alfalı renkler kabul edilmez. Bir fotoğraf ya da gradyan üzerindeki metnin tek bir arka planı yoktur; bu yüzden en kötü noktayı kendiniz denetleyin. Araç ayrıca gerçekte kullandığınız yazı tipi boyutunu veya ağırlığını bilmez. Büyük metin satırları yalnızca metin büyük olsaydı neyin geçerli olacağını söyler.
Renklerinize ne olur
Hesaplama sayfada çalışır. Hiçbir istek gönderilmez ve araç renkleri saklamaz. Bunu tarayıcınızın geliştirici araçlarındaki ağ panelinde doğrulayabilirsiniz.