[Back to 2 Operable index](index.md)

# 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](index.md)