Jkense

wcag-audit-operable-motion-deep

Animation and movement accessibility rules for dynamic interface elements

Jkense 1 Updated 4mo ago
GitHub

Install

npx skillscat add jkense/agent-skills-wcag/wcag-audit-operable-motion-deep

Install via the SkillsCat registry.

SKILL.md

When to Use

Apply when implementing animations, transitions, scrolling effects, or moving visual content.

Rules

  • Provide option to pause, stop, or hide moving content
  • Limit animation duration to 5 seconds or less for auto-playing content
  • Avoid animations that flash more than 3 times per second
  • Respect user motion preferences when available
  • Ensure content remains usable during and after animations
  • Provide static alternatives for animated content
  • Avoid large-scale movement that could trigger vestibular disorders
  • Test animations with different motion sensitivity settings

Avoid

  • Auto-playing animations that cannot be paused or stopped
  • Rapid flashing or strobe effects above safe thresholds
  • Animations that continue when content loses focus
  • Motion that obscures important interface elements