WordPress.org

Make WordPress Core

Opened 5 weeks ago

Last modified 3 weeks ago

#53542 new enhancement

Honor `prefers-reduced-motion` in sliding Customizer Animations

Reported by: mikeschroder Owned by:
Milestone: 5.9 Priority: normal
Severity: normal Version: 5.8
Component: Customize Keywords: needs-patch
Focuses: accessibility, css Cc:

Description (last modified by mikeschroder)

While looking into this Gutenberg issue, I noticed that the transitions between sections in the Customizer seem to slide, whether or not I enable "Reduced Motion" in the OS, as described here.

Support for prefers-reduced-motion looks to be included in some other areas of WordPress, but not honored here.

Videos with Reduce Motion Disabled and Enabled attached (the behavior is the same).

Attachments (3)

Reduce Motion Disabled.mov (453.1 KB) - added by mikeschroder 5 weeks ago.
Reduce Motion Disabled
Reduce Motion Enabled.mov (786.0 KB) - added by mikeschroder 5 weeks ago.
Reduce Motion Enabled
Motion Disabled Mockup.mov (435.1 KB) - added by mikeschroder 5 weeks ago.
Mockup video of expected behavior with Reduce Motion enabled

Download all attachments as: .zip

Change History (6)

@mikeschroder
5 weeks ago

Reduce Motion Disabled

@mikeschroder
5 weeks ago

Reduce Motion Enabled

#1 @mikeschroder
5 weeks ago

  • Description modified (diff)

@mikeschroder
5 weeks ago

Mockup video of expected behavior with Reduce Motion enabled

#2 @dlh
5 weeks ago

  • Milestone changed from Awaiting Review to 5.9

This sounds to me like a great, focused enhancement to try for in 5.9.

#3 @mikeschroder
3 weeks ago

In 51389:

Customizer: Skip animations when they have no duration.

In addition to skipping animations when a related style doesn't Exist, now checks to see if animation styles are Empty as well.

This resolves a case where the Gutenberg End to End tests were failing, due to running with animations disabled.

This change should also help some users who are intentionally overriding styles to remove animations.

See https://github.com/WordPress/gutenberg/issues/32024 for the original Gutenberg issue.

Props zieladam, isabel_brison, kevin940726, desrosj, mikeschroder.
Fixes #53562.
See #53542.

Note: See TracTickets for help on using tickets.