Tessli
  • M-02
  • Motion
  • Draft

Respect reduced motion

Under prefers-reduced-motion, remove non-essential transforms and transitions.

Draft — not yet reviewed by a maintainer

Why it matters

For people with vestibular disorders, movement on screen can cause dizziness and nausea. The operating-system setting is how they ask for less.

How to check it

Emulate prefers-reduced-motion: reduce; only essential motion remains.

The default it guards against

Slide-ins, parallax and animated counters that run whatever the reduced-motion setting says.

Library items that apply it

Where it comes from

  • WCAG 2.2 SC 2.3.3 Animation from Interactions (AAA)
  • docs/quality-gates.md (Accessibility: prefers-reduced-motion respected)
  • design.md §10 (motion)