ip ucu "Arka plan ve ön plan renkleri yeterli kontrast oranına sahip değil" sorunu çözümü

Tüm metin öğelerinin, ön plandaki metin ile arkasındaki arka plan rengi arasında yeterli renk kontrastına sahip olması gerekir.

Google Pagespeed testi sonucunda "Arka plan ve ön plan renkleri yeterli kontrast oranına sahip değil." hatası alıyorsanız kolay bir şekilde bu hatadan kurtulabilirsiniz.

Örnek bir hata:


Bu hatadaki renk kodları:
metin rengi: #2577b1
arkaplan rengi: #f5f5f5

Bu kodları Renk Kontrastı Analizöründe kontrol ettiğimizde çıkan sonuç:



Bu sonuca göre kırmızı hatalardan (FAIL) kurtulmak için arkaplan rengine dokunmadan metin rengini biraz koyulaştırmamız gerekiyor... ve sonuç:



Hepsi yeşil olduğu zaman arka plan ve ön plan renkleri yeterli kontrast oranına sahip demektir.

Bu örnekte sadece metin rengini koyulaştırdık. Bazen temanın herhangi bir alanında, buton, ön ek vs gibi bazı alanlarda da kontrast hatası olabilir. Duruma göre metin ve-veya arkaplan rengini de değiştirmemiz gerekebilir.

Kolay gelsin...