Kaynak ikonu

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

XenForo kullanımı için ip uçları.
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...
Yazar
Ugur
Görüntüleme
732
İlk yayınlama
Son güncelleme

Puanlar

0,00 yıldız 0 değerlendirme

Ugur ait diğer kaynakar

Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri