Animations present but no reduced-motion accessibility setting
Your site uses animations or transitions, but does not check whether the visitor has asked their operating system to minimise motion. This accessibility setting is called prefers-reduced-motion and is available on all major operating systems. Some people experience nausea, disorientation, or seizures from on-screen motion. Ignoring their system preference means your site may cause genuine harm, and it puts you at risk of failing accessibility standards (WCAG 2.3.3). In your site's CSS, wrap any animation rules inside a @media (prefers-reduced-motion: reduce) block and either slow them down or remove them. Most web frameworks have built-in utilities for this. Note that WCAG 2.3.3 (Animation from Interactions) is a AAA-level criterion — the highest and most aspirational tier — rather than the AA level required by most legal standards. Nonetheless, respecting this preference is both good practice and, increasingly, expected by users.
Why this matters
Some people experience nausea, disorientation, or seizures from on-screen motion. Ignoring their system preference means your site may cause genuine harm, and it puts you at risk of failing accessibility standards (WCAG 2.3.3).
How to fix it
In your site's CSS, wrap any animation rules inside a @media (prefers-reduced-motion: reduce) block and either slow them down or remove them. Most web frameworks have built-in utilities for this. Note that WCAG 2.3.3 (Animation from Interactions) is a AAA-level criterion — the highest and most aspirational tier — rather than the AA level required by most legal standards. Nonetheless, respecting this preference is both good practice and, increasingly, expected by users.