[wp-trac] [WordPress Trac] #52263: Use `prefers-reduced-motion` Media Query on auto-updates spinner animations

[WordPress Trac]

#52263: Use `prefers-reduced-motion` Media Query on auto-updates spinner animations
-----------------------------+----------------------------
 Reporter:  audrasjb         |       Owner:  audrasjb
     Type:  enhancement      |      Status:  reopened
 Priority:  normal           |   Milestone:  5.7
Component:  Upgrade/Install  |     Version:  5.5
 Severity:  normal           |  Resolution:
 Keywords:  has-patch        |     Focuses:  accessibility
-----------------------------+----------------------------
Changes (by sabernhardt):

 * keywords:  has-patch commit => has-patch
 * status:  closed => reopened
 * resolution:  fixed =>


Comment:

 I think we should reconsider disabling every spinner rotation, and
 particularly maintain motion in places where the icon is both visible and
 static before you click to update plugins with Ajax:
 1. The "Update Now" buttons on the Add new plugin (or theme) screen
 2. The update message after clicking "update now" for individual plugins
 on the Plugins screen

 In those cases, I would consider the motion "essential" to convey the busy
 state visually. [attachment:"52263.1.diff"] restores spinning for both.

 Leaving the other icons motionless by user preference:
 * I specifically wanted to avoid adding extra motion in the toolbar, away
 from the interaction, so of course I'd like to keep that part of [50028].
 * The auto-update buttons complete the action so quickly that motion might
 be more distracting than helpful for some users.
 * The Import page's spinner icons only show while the install process is
 running, so the icon's presence is likely enough to help indicate the
 status (along with the text).
 * I was a bit surprised the first time I installed a plugin or theme and
 the Install Now button icon did not rotate. The process there takes longer
 to finish, and the motion is meaningful. Yet it may not be essential
 because the icon appears and disappears the same way as the Import
 installer and auto-update buttons.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52263#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform