İçeriğe atla

Mekanik modülü WCAG 1.4.3 Seviye AA

Kontrast tarayıcı

Ö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.

Ne işe yarar?

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

Düşük metin kontrastı, Alman web sitelerinde en sık karşılaşılan WCAG sorunudur. Beyaz arka plan üzerinde gri metin, açık renkli fotoğraf üzerinde beyaz metin – "modern" görünse de birçok kullanıcı için okunması oldukça zordur.

Kontrast tarayıcı, yarı saydam katmanların ve resimlerin arkasında bile, hesaplanan arka plana karşı ön uçta her metin bileşenini canlı olarak kontrol eder.

Eklenti bunu şu şekilde uyguluyor.

Teknik önlemler

  • WCAG kontrast formülü (W3C spesifikasyonuna göre göreceli parlaklık).
  • Arka Plan ÇözünürlüğüKarmaşık katmanlama durumlarında bile (örneğin, bir fotoğrafın üzerine yarı saydam bir katman üzerinde beyaz metin) gerçek etkili kontrast hesaplanır.
  • Yönetici panelindeki sorun listesiKontrastı < 4,5:1 (AA) veya < 7:1 (AAA) olan tüm alanlar, sayfa başına gruplandırılmıştır.
  • seçici yolu Her sorun için ayrı ayrı ayarlama yapabilirsiniz, böylece doğrudan CSS'de düzeltebilirsiniz.
  • İsteğe bağlı afiş Site çalışırken ön uçta (sadece giriş yapmış yöneticiler için).
Eklenti yönetim panelinde

Bu ayarları modül sekmesinde bulabilirsiniz.

  • Hedef seviye: AA (4,5:1) veya AAA (7:1)
  • Tarama sıklığı: her sayfa yüklemesinde / yalnızca talep üzerine / cron aracılığıyla günlük
  • Seçici öğeleri (örneğin, okuma akışıyla ilgisi olmayan dekoratif başlıklar) dikkate almayın.
  • Yöneticiler için canlı banner: açık / kapalı
  • İhlal listesi için eşik: yalnızca büyük ihlaller / tüm ihlaller

Yönetici panelindeki yol: WP-Admin → Erişilebilirlik → Modüller → Kontrast Tarayıcı

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

Kullanım senaryosu

Denetim öncesinde her sayfa için önerilir. Bir uzmanın aksi takdirde manuel olarak kaydetmesi gereken sorunların listesini sağlar; bu da denetim süresinden ve dolayısıyla maliyetlerden tasarruf sağlar.

Birlikte kullanılabilir. Renk Kontrastı Düzeltmesi Şu prosedür izlenir: önce tarayıcı sorunları bulur, ardından onarım işlemi (mümkünse) bunları düzeltir.

İlgili modüller

Bu, tematik olarak da birbirine uyuyor.

  • Renk Kontrastı Düzeltmesi

    WCAG 1.4.6

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

  • 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.

  • Yapay Zeka Denetim Asistanı

    WCAG 2.1 AA/AAA

    Klasik tarayıcıların ötesinde, içeriğe dayalı WCAG sorun tespiti — tonlama, netlik, bağlantı algısı, mikro metin.

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