Accessibility / Quiz
Respecting Reduced Motion
prefers-reduced-motion, vestibular triggers, and keeping essential feedback while calming decorative animation.
- Difficulty
- Easy
- Format
- Quiz
- Points
- 100
- Estimate
- 8 min
// MISSION BRIEF
Your Mission
Big parallax and autoplaying motion can make some users physically ill. This quiz covers the prefers-reduced-motion media feature, who it protects, and how to reduce non-essential animation without breaking the interface.
// FIRST CONTACT
Battle teaser
The CSS media feature to respect users who prefer less motion is:
- A@media (prefers-contrast: more)
- B@media (prefers-color-scheme: dark)
- C@media (hover: none)
- D@media (prefers-reduced-motion: reduce)
Answers, scoring, hints, and the full battle stay sealed.
// SKILL TAGS
accessibilityreduced-motioncsswcag