Kontrast denetleyici
Yazı ve zemin rengini gir, okunur mu görelim. WCAG eşiklerine göre ölçer, geçmiyorsa markana en yakın okunur rengi önerir.
Yazı rengi
Zemin rengi
Markanın renklerini bilmiyorsan sitenin renk kodunu bulma yazımıza bak, palet kurmak istersen renk paleti oluşturucuyu dene.
Başlık böyle görünür
Gövde metni böyle görünür. Kısa paragrafları okumak kolay olmalı.
Küçük not, 13 pikselDüğme- KaldıNormal yazı AA
Gövde metni, 4,5:1 - KaldıNormal yazı AAA
Daha sıkı, 7:1 - GeçtiBüyük yazı AA
Başlık, 3:1 - KaldıBüyük yazı AAA
Başlık, 4,5:1 - GeçtiArayüz ve ikon
Çizgi, kenar, 3:1
Yazıyı #2B2B2B yaparsan oran 4,66:1 olur.
Zemini #2776D5 yaparsan oran 4,52:1 olur.
Kontrast oranı nedir?
İki rengin parlaklık farkının ölçüsü. 1:1 aynı renk, 21:1 siyah üstüne beyaz. Web erişilebilirlik standardı WCAG, normal yazı için en az 4,5:1, büyük yazı için en az 3:1 ister.
Büyük yazı ne demek?
WCAG'de büyük yazı, kalın değilse en az 18 punto (yaklaşık 24 piksel), kalınsa en az 14 punto (yaklaşık 18,7 piksel) olan yazıdır. Başlıklar çoğu zaman bu sınıfa girer.
AA ile AAA arasındaki fark ne?
AA çoğu sitenin hedeflediği seviye: normal yazıda 4,5:1. AAA daha sıkı: normal yazıda 7:1, büyük yazıda 4,5:1. İkon, çizgi ve form kenarı gibi arayüz parçaları için eşik 3:1.
Önerilen renk neye göre bulunuyor?
Yazı renginin tonunu koruyup yalnız açıklığını değiştiriyoruz, 4,5:1'i geçen ilk rengi öneriyoruz. Renk markana yakın kalır, okunur hale gelir.
