shipshapecode / shipshapecode/shepherd
Use "prefers-reduced-motion" media query to disable animations
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 13.8k
- Forks
- 658
- Avg merge
- 4d 5h
- Merged PRs (30d)
- 15
Description
To turn animations off, you could write a prefers-reduced-motion media query. Then anyone who wants to turn animations off can do so in thue browser/OS settings.
This is from WCAG 2.1 Animations from interactions success criterion, level-AAA.
Discussed in Drupal Issue 2312805 . Drupal previously used jQuery Joyride, and has switched to Shepherd.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating Shepherd's animation behavior and reviewing the linked WCAG guidance and Drupal discussion. Done means the tour respects the browser or operating system's prefers-reduced-motion setting by disabling its animations.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100