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

🗣️ Kolay dil · Stand: 27.05.2026  |  ← Normale Sprache

Respektiert `prefers-reduced-motion` und stoppt starke Animationen, Auto-Abspielen und Parallax.

Starke Web-Animationen sind für einige Menschen ein Problem. Zum Beispiel bei Migräne, Gleichgewichtsstörungen oder ADHS. Browser bieten seit 2018 eine Lösung. Diese heißt `prefers-reduced-motion: reduce` in CSS. Doch viele Designs nutzen sie nicht richtig. Der Reduced Motion Guard hilft dabei. Wenn der Besucher weniger Bewegung will, stoppt das System Animationen. Es friert Übergänge, GIFs und Video-Abspielen ein.

Gehe in der Verwaltung zu: WP-Admin → Barrierefreiheit → Module → Reduced Motion Guard

Wir empfehlen das Modul bei Seiten mit großen Animationen und beweglichen Bildern. Behörden- und Bildungsseiten müssen es haben. Das steht in den BITV 2.0-Regeln.

Wir bieten ein kurzes Gespräch an. Es dauert 15 Minuten. Dabei sprechen wir über das Modul. Passt es zu deinem Design? Wie richtet man es ein?

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

Normale Sprache