HTML und CSS · Middle · Frage 47 von 75
Wie berücksichtigt man Nutzer, denen Animationen Beschwerden bereiten?
- 1Mit
prefers-reduced-motion: reduceAnimationen vereinfachen oder abschalten - 2Jede Animation kürzer als eine Sekunde halten, damit sie niemanden stört
- 3Nur
opacityanimieren, weil das nie Beschwerden verursacht
Antwort zeigen
Richtige Antwort: Mit prefers-reduced-motion: reduce Animationen vereinfachen oder abschalten
Erklärung
Nutzer können im Betriebssystem „Bewegung reduzieren“ einschalten (vestibuläre Störungen, Migräne). Mit @media (prefers-reduced-motion: reduce) ersetzt man Parallax und große Bewegungen durch sanfte Übergänge. Tailwind hat dafür die Varianten motion-reduce: und motion-safe:.