Animation and movement accessibility rules for dynamic interface elements
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
You Might Also Like
Related Skills
fix
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
facebook
frontend-testing
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
langgeniusfrontend-code-review
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.
langgenius
code-reviewer
Use this skill to review code. It supports both local changes (staged or working tree) and remote Pull Requests (by ID or URL). It focuses on correctness, maintainability, and adherence to project standards.
google-gemini
session-logs
Search and analyze your own session logs (older/parent conversations) using jq.
moltbot