Das Plugin verbessert automatisch schwache Farb-Kontraste auf AA- oder AAA-Niveau. Es benutzt spezielle CSS-Variablen. Diese heißen Override.
Finden wir Probleme, kannst du zwei Dinge tun. Du kannst das Problem per Hand ändern. Das braucht viel Zeit. Oder du nutzt das Plugin, das die Kontraste automatisch verbessert. Es macht helle Farben dunkler, bis die richtigen Kontraste erreicht sind. Dafür nutzt das Plugin CSS-Variablen. Mit feststehenden Farbwerten, genannt HEX-Werte, ist das schwieriger. Dann sieht es manchmal anders aus.
Gehe zu den Einstellungen im Admin-Bereich. Klicke auf WP-Admin, dann auf Barrierefreiheit. Danach auf Module und schließlich auf Color Contrast Fix.
Nutze zuerst den Kontrast-Scanner. Schau dir die Probleme an, dann repariert das Plugin automatisch. Wenn das Aussehen wichtig ist, teste alle Änderungen zuerst. Nutze die visuelle Vorschau-Funktion, bevor die Seite live geht.
In einem 15-Minuten-Gespräch prüfen wir das Modul. Wir schauen, ob es für dein Design und deine Inhalte passt. Wir erklären auch, wie du es einrichten kannst.
Renk Kontrastı Düzeltmesi
CSS değişkeni geçersiz kılma yoluyla yetersiz kontrastı otomatik olarak AA veya AAA seviyesine yükseltir.
İş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.
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ü.
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
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.
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.11Odaklanabilir 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.
