Animations

Some people might turn off animation on the device because moving content can distract them, or they might be adversely affected by animations or other reasons.

Expectations

Assistive Technology: Reduce Motion

• When: The user enables the Reduce Motion option
  • Then: Non essential¹ animations should be disabled

Example

• GIFs and Videos: Autoplay should be disabled to prevent unexpected distractions and potential issues for users with certain disabilities
• Navigation Motion: Any motion involved in navigation should be disabled
• Interaction-Triggered Motion: Should be disabled, unless essential¹

Related AMA components & hooks

• AnimatedContainer
• BottomSheet
• useAMAContext
• useAnimation
• useAnimationDuration
• useReanimatedTiming

Footnotes

1. If removed, it would fundamentally change the information or functionality of the content, and information and functionality cannot be achieved in another way that would conform. Basic content scrolling is considered an essential function and is excluded from this requirement. ↩