Accessibility
Motion should help, never get in the way. Every piece follows the same rules.
Principles
- With reduced motion on, springs jump to the end, openings show their last screen and nothing moves on its own.
- Every control works with the keyboard and has a visible focus ring.
- Touch targets are at least 44 px.
- Screen readers hear what changed: a new word, a sent message, an opened window.
- Decorative motion is hidden from screen readers.
- Every piece fits on a 320 px screen.
Reduced motion
When someone asks their system for less motion, springs jump straight to the end and openings show their last screen.