Animated Content

Why Is This Important?

The people most likely impacted are users who have certain kinds of attention deficit disorders and keyboard users. They can lose their place on the website in case the content they are interacting with animates out of sight.

Checking for Basic WCAG Requirements

• If animated content exists, can it be stopped from animating?
• Once the animation is stopped, can the user still navigate all the content.

Best Practices

• Do not use animation by default.
• If you want to switch on animation automatically, respect the user’s prefers-reduced-motion setting.

WCAG 2 Requirements

• 2.2.2 Pause, Stop, Hide, Understanding Document

Further Reading

• Easy Checks: Moving, Flashing, or Blinking Content

---

Other Checks:

All Checks

• Page Title
• Resize Text
• Animated Content
• Audio
• Contrasting Colors
• Flashing Content
• Headings
• Video
• Alternative Text
• Form Labels
• Keyboard Access
• Page Structure
• Visual Focus