İçeriğe atlaİçeriğe atla

Mekanik modülü · WCAG 1.4.6 · Seviye AAA

Renk Kontrastı Düzeltmesi

CSS değişkeni geçersiz kılma yoluyla yetersiz kontrastı otomatik olarak AA veya AAA seviyesine yükseltir.

Ne işe yarar?

İşlevi tek cümleyle ve üç cümleyle açıklayın

Kontrast tarayıcısı sorun tespit ederse, iki seçenek vardır: CSS'de manuel olarak düzeltmek (zaman alıcı) veya eklentinin otomatik olarak ayarlamasına izin vermek. Renk Kontrastı Düzeltme eklentisi, kontrast hedef seviyeye ulaşana kadar aşırı parlak metin renklerini artırır.

Önemli: Bu yöntem yalnızca renkler için CSS değişkenleri kullanan temalarda güvenilir şekilde çalışır. Sabit HEX değerleriyle, düzeltme yalnızca geçersiz kılma yoluyla çalışır; bu da görsel olarak fark edilebilir bir farklılığa neden olabilir.

Eklenti bunu şu şekilde uyguluyor.

Teknik önlemler

  • CSS Değişken Keşfi: `--color-text`, `--text-secondary` vb. seçenekleri otomatik olarak tanır.
  • Parlaklık artışıGerekirse, renk değeri daha koyu bir tona doğru kaydırılır.
  • Renk Tonu KorumaRenk tonu aynı kalır, sadece parlaklık değişir.
  • Yedek geçersiz kılmaSert renkler için, daha yüksek özgüllüğe sahip bir `style` özniteliği ayarlanır.
  • Görsel fark önizlemesi Arka uçta: Etkilenen her seçici için öncesi/sonrası ekran görüntüsü.
Eklenti yönetim panelinde

Bu ayarları modül sekmesinde bulabilirsiniz.

  • Hedef kontrast: AA (4,5:1) / AAA (7:1)
  • Strateji: yalnızca CSS değişkenleri / değişkenler + geçersiz kılmalar / her şey agresif
  • Renk tonu kayması limiti (renk tonunun ne kadar değişebileceği, varsayılan değer 5°)
  • Yöneticiye görsel fark e-posta bildirimi gönderilsin mi: evet / hayır
  • Beyaz liste (asla değiştirilmeyen seçiciler)

Yönetici panelindeki yol: WP-Admin → Erişilebilirlik → Modüller → Renk Kontrastı Düzeltmesi

Modüle ne zaman ihtiyacınız var?

Kullanım senaryosu

Tavsiye edilen sonrasında Kontrast tarayıcı ile: Önce neyin bozuk olduğunu görün, sonra otomatik olarak onarılmasına izin verin. Marka bilinci yüksek siteler, yayına geçmeden önce görsel önizleme işlevini kullanmalıdır.

İlgili modüller

Bu, tematik olarak da birbirine uyuyor.

  • Kontrast tarayıcı

    WCAG 1.4.3

    Ön uçta canlı tarama: tüm metin/arka plan çiftlerini AA (4.5:1) veya AAA (7:1) ile karşılaştırır.

  • Görünür odak

    WCAG 2.4.11

    Odaklanabilir tüm öğelerde güçlü, her zaman görünür bir odak halkası sağlar — AAA kontrast oranıyla.

Siteniz için modülü etkinleştirin mi?

İlk 15 dakikalık görüşmede, modülün temanız ve içerik türünüz için uygun olup olmadığını ve kurulumun nasıl göründüğünü açıklığa kavuşturacağız.

15 dakikalık ön görüşme
Tüm modülleri görüntüle

Kolay dil