🌓Renk Kontrastı Denetleyicisi

Kontrast Oranı Nedir

Kontrast oranı, metin rengi ve arka plan renginin parlaklık farkını 1:1 ile 21:1 arasında sayısal olarak ifade eden bir göstergedir. Siyah ve beyaz kombinasyonunun maksimum 21:1 oranı vardır ve aynı renkler minimum 1:1 oranına sahiptir.

• Hesaplama Mekanizması：Kontrast oranı, 2 rengi sRGB göreceli parlaklığına dönüştürüp, daha parlak rengin parlaklığı ve daha karanlık rengin parlaklığına sırasıyla 0,05 eklenerek bölme işleminin sonucudur.
• Sayı Kılavuzu：Beyaz arka plan (#FFFFFF) üzerine gri #777777 kontrast oranı 4,47:1, #999999 kontrast oranı 2,84:1, siyah (#000000) kontrast oranı 21:1'dir.

WCAG'ın AA ve AAA Farkı

WCAG, Web içeriğinin erişilebilirliği hakkında uluslararası bir kılavuzdur ve kontrast oranının geçiş çizgisini AA ve AAA'nın iki düzeyinde tanımlar.

• AA (Standart Düzey)：AA, normal metin için 4,5:1 ve üzeri, büyük metin için 3,0:1 ve üzeri gerektiren bir standarttır ve genel web siteleri tarafından hedeflenen düzeydir.
• AAA (Daha Katı Düzey)：AAA, normal metin için 7:1 ve üzeri, büyük metin için 4,5:1 ve üzeri gerektiren bir standarttır ve düşük görüş gücü olan kişilerin daha okunaklı olmasını amaçlayan düzeydir.

Büyük Metin Tanımı

WCAG'da büyük metin, yaklaşık olarak 18 punto (24px) ve üzeri veya kalın yazı ile 14 punto (yaklaşık 18,7px) ve üzeri metni ifade eder.

• Normal Metin：Normal metin, büyük metin tanımına uymayan boyuttaki metindir, gövde veya dipnotlar gibi okuma materyallerine karşılık gelir ve 4,5:1 ve üzeri kontrast oranı gerektirir.
• Başlıklarla İlişkisi：Başlıklar da 24px altında ve kalın değilse normal metin olarak ele alınır, bu nedenle boyut kadar kalınlığın da kontrol edilmesi gerekir.