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

Mekanik modülü WCAG 2.3.3 Seviye AAA

Hareket Azaltıcı Koruma

`prefers-reduced-motion` seçeneğine saygı gösterir ve agresif animasyonları, otomatik oynatmayı ve paralaksı durdurur.

Ne işe yarar?

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

Migren, vestibüler bozukluk veya DEHB'si olan kişiler için agresif web animasyonları gerçek bir sorundur. Tarayıcılar 2018'den beri `prefers-reduced-motion: reduce` CSS medya sorgusunu sunuyor, ancak yalnızca birkaç tema bunu doğru şekilde uyguluyor.

Hareket Azaltma Koruması, ziyaretçinin sistemi azaltılmış animasyonlar istediğinde devreye girer ve ardından CSS geçişlerini, GIF'leri ve video otomatik oynatmalarını dondurur.

Eklenti bunu şu şekilde uyguluyor.

Teknik önlemler

  • CSS geçersiz kılma: `prefers-reduced-motion` için global `animation-duration: 0.01ms` + `transition-duration: 0.01ms`.
  • Hareketli GIF'leri duraklat: Bunu hareketsiz bir görüntüyle (ilk kare) değiştirir.
  • Otomatik oynatılan videoları duraklat: durdurur `
  • Paralaks komut dosyalarını devre dışı bırakın: Popüler paralaks eklentilerini tespit eder ve devre dışı bırakır.
  • Ön panel geçişiAyrıca, ziyaretçi herhangi bir sistem ayarını değiştirmeden modülü etkinleştirebilir.
Eklenti yönetim panelinde

Bu ayarları modül sekmesinde bulabilirsiniz.

  • Strateji: Sadece CSS animasyonları / + GIF'ler / + Otomatik Oynatma / paralaks dahil her şey
  • Ön panel entegrasyonu: açık/kapalı
  • İstisna seçiciler (örneğin, hafif fareyle üzerine gelme efektleri korunmalıdır)
  • Parallax eklentisi tespiti: yalnızca açık beyaz liste / otomatik tespit

Yönetici panelindeki yol: WP-Admin → Erişilebilirlik → Modüller → Hareket Azaltma Koruması

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

Kullanım senaryosu

Ana animasyonlar, kaydırıcılar, paralaks efektleri veya GIF'ler içeren tüm sayfalar için önerilir. Devlet ve eğitim kurumları için web sitelerinde zorunludur (BITV 2.0).

İlgili modüller

Bu, tematik olarak da birbirine uyuyor.

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

  • ARIA Yöneticisi

    WCAG 4.1.2

    Etkileşimli öğelere otomatik olarak doğru ARIA rolleri, durumları ve özelliklerini atar.

  • Video altyazı bildirimi

    WCAG 1.2.2

    Altyazısız videoları algılıyor ve arka planda bir editör notu görüntülüyor.

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