Why it matters
Animated content can distract users with attention disorders and prevent screen reader users from reading static content.
Common violations
- Auto-playing carousels without pause controls
- Background videos that cannot be stopped
- Scrolling news tickers without controls
- Live updating feeds without pause option
Code examples
Bad
<div class="animate-scroll">Breaking news ticker...</div>Good
<div class="carousel">
<button aria-label="Pause slideshow">⏸</button>
Slide content
</div>How to fix
Add visible pause/stop controls for all moving content. Respect prefers-reduced-motion media query. Avoid auto-play unless essential.
Related criteria
Related resources
Scan your site