Animations ignore the reduced motion setting

WCAG 2.3.3 Animation from Interactions, level AAA
Minor
Media and motion
Needs review
Rendered pass

Why it matters

Some people feel ill from parallax, zooms and large movement. Their device has a "reduce motion" setting, and sites are expected to respect it.

How to fix it

Wrap non-essential animation in a prefers-reduced-motion query, or switch it off inside one. The Safe Fixes module has a toggle for this.

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

Read the W3C guidance: Understanding 2.3.3 Animation from Interactions.

This is a check that needs a person. A11yMate flags it for review rather than reporting a failure.

Related rules

Video has no captions (WCAG 1.2.2)
Media plays automatically (WCAG 1.4.2)
Page uses marquee or blink (WCAG 2.2.2)
Content moves on its own for more than 5 seconds (WCAG 2.2.2)

Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.