Make WordPress Core

Opened 5 weeks ago

Last modified 13 days ago

#62806 accepted defect (bug)

Customizer: Respect settings that minimize non-essential motion

Reported by: wildworks's profile wildworks Owned by: joedolson's profile joedolson
Milestone: 6.8 Priority: normal
Severity: normal Version: 3.4
Component: Customize Keywords: has-patch
Focuses: accessibility Cc:

Description

From an accessibility perspective, if the user has suppressed animations, that preference should be respected.

There are already some preferes-reduced-motion media queries in the Customizer, but I think they should also be applied to the following actions:

  • Preview frame when switching device preview
  • When the Add Block button is pressed in the widget editor:
    • Overlay opacity
    • Left margin of the preview area

Attachments (1)

customizer-animation.mp4 (3.4 MB) - added by wildworks 5 weeks ago.
In the Chrome browser, change preferes-reduced-motion to reduce and operate the customizer

Change History (6)

@wildworks
5 weeks ago

In the Chrome browser, change preferes-reduced-motion to reduce and operate the customizer

This ticket was mentioned in PR #8119 on WordPress/wordpress-develop by @sainathpoojary.


5 weeks ago
#1

  • Keywords has-patch added

Trac ticket: #62806

This ticket was mentioned in PR #8120 on WordPress/wordpress-develop by @abcd95.


5 weeks ago
#2

Trac ticket: #62806

Trac ticket:

#3 @abcd95
5 weeks ago

Hey @wildworks, Thanks for raising this issue.

While digging into this and testing I found another place where this issue can be seen. This is a screencast for the same: https://bvvrdzu01i.ufs.sh/f/vtiKpIr2gd0coXyHTUwvaLNtIVk7DWeSmFhX5jU4K3rZ8qMf

I have raised a fix for the same.

Last edited 5 weeks ago by abcd95 (previous) (diff)

This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.


13 days ago

#5 @joedolson
13 days ago

  • Milestone changed from Awaiting Review to 6.8
  • Owner set to joedolson
  • Status changed from new to accepted
  • Version set to 3.4
Note: See TracTickets for help on using tickets.