WCAG/2-operable/2.3.3-animation-from-interactions.md

Back to 2 Operable index

2.3.3 Animation from Interactions

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

What it is

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

How to test

• Check: Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.
• Use the sufficient techniques below as acceptable methods when applicable.

Sufficient techniques (W3C)

• C39: Using the CSS prefers-reduced-motion query to prevent motion
• SCR40: Using the CSS prefers-reduced-motion query in JavaScript to prevent motion
• Gx: Allowing users to set a preference that prevents animation

Resources

• WCAG 2.2 SC: https://www.w3.org/TR/WCAG22/#animation-from-interactions
• Understanding: https://www.w3.org/WAI/WCAG22/Understanding/animation-from-interactions.html
• Quick reference: https://www.w3.org/WAI/WCAG22/quickref/?versions=2.2#animation-from-interactions

Back to 2 Operable index