Marcelo Paiva

All criteriaPresent as slides

A woman with a chin length bob haircut grips a sledgehammer, with swirling hair and round discs nearby.Meant to show: A tall woman with a silver bob

Success criterion 2.3.3

Animation from Interactions

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

  • Level AAA
  • Principle 2: Operable
  • Guideline 2.3: Seizures and Physical Reactions

In a user’s words

“Animations pop up like whack-a-moles with every click—give me a break, or at least a 'no animation' mode!”

Who this helps: Photosensitive Epilepsy, Vestibular Disorders

What each role can do

Product manager
Implement a system setting to disable animations for users who are sensitive to motion.
Designer
Design interfaces that minimize unnecessary animations and provide options to turn them off.
Developer
Create preferences in the site's settings that allow users to reduce or eliminate motion animation.
Tester
Test the website with animations turned off to ensure that all content remains accessible and functional.

Once it is fixed

“Cheers for letting me take control of my screen. With animations off, it's smooth surfing all the way!”

The quotes are written to illustrate the criterion. They are not testimonials from real people. For the official wording, find 2.3.3 in the W3C quick reference for WCAG 2.2 (opens in a new tab).

Or press the left arrow and the right arrow.