a11y: Reduced motion support #77

Closed
opened 2026-05-26 16:49:37 +00:00 by jmiller · 1 comment
Owner

Add @media (prefers-reduced-motion: reduce) to disable animations, transitions, and auto-playing content.

Helps users with vestibular disorders, motion sensitivity, or seizure conditions.

WCAG 2.1 AA: 2.3.3 Animation from Interactions

Add @media (prefers-reduced-motion: reduce) to disable animations, transitions, and auto-playing content. Helps users with vestibular disorders, motion sensitivity, or seizure conditions. WCAG 2.1 AA: 2.3.3 Animation from Interactions
Author
Owner

Verified working on suite.dev (2026-07-16). A prefers-reduced-motion media query is present in the CSS (honors the OS setting), and the a11y toolbar additionally offers a manual Pause animations toggle. WCAG 2.3.3 (Animation from Interactions) satisfied. Ready to close.

✅ Verified working on suite.dev (2026-07-16). A `prefers-reduced-motion` media query is present in the CSS (honors the OS setting), and the a11y toolbar additionally offers a manual **Pause animations** toggle. WCAG 2.3.3 (Animation from Interactions) satisfied. Ready to close.
Sign in to join this conversation.
No labels
Priority Medium
Type Task
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoOnyx#77