2.3.3 Animation from Interactions Level AAA

Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.

[View on W3C.org]

Testing & Remediation

How to test: Interact with your site to identify any areas where animation occurs after interaction. Assess whether or not that animation is required. Examples of animations from interaction include moving elements when a page is scrolled, parallax scrolling, etc. How to remediate:
  • Use the CSS reduce-motion query to prevent motion
  • Allow users to set a preference that prevents animation
  • Remove unnecessary animations from the site completely

Questions and Answers