Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Kullanım tekniği "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:
1.jpg

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

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

2.jpg

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ç:

3.jpg

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...
 
Güzel bilgi için teşekkürler abi, kesinlikle işe yarayacak bir bilgi.
 
Figma kullanın, eklentileri ile anında güzel çözümler üretebiliyorsunuz.
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.