Inclusive Design?
Modern thinking for modern times.
A diversity of ways to participate
Animation ❤ UX
WCAG
2.2.2 Pause, Stop, Hide
2.3.1 Three flashes or below threshold
2.3.1 Three flashes or below threshold
2.3.3 Animation from interactions
Vestibular disorders defined:
Vestibular disorders defined:
A mismatch
Motion that potentially triggers
Scaling and zooming
Spinning and vortex effects
Multi-speed or multidirectional movement
Hey, about that parallax…
Constant animation near text
Large movements
Not on the list…
Prefers-reduced-motion
Browser support:
Respecting Reduced Motion
reduce != remove
Instead, Reduce where needed
Projects with more extensive motion