[wp-trac] [WordPress Trac] #54852: Twenty Twenty: Consider less aggressive motion preference styles

[WordPress Trac]

#54852: Twenty Twenty: Consider less aggressive motion preference styles
--------------------------------+----------------------------
 Reporter:  sabernhardt         |      Owner:  (none)
     Type:  enhancement         |     Status:  new
 Priority:  normal              |  Milestone:  Future Release
Component:  Bundled Theme       |    Version:
 Severity:  normal              |   Keywords:  needs-patch
  Focuses:  accessibility, css  |
--------------------------------+----------------------------
 Twenty Twenty styles create animations and transitions but then disable
 all that animation for people who set the reduced motion preference in
 their browser/OS.

 {{{
 @media ( prefers-reduced-motion: reduce ) {

         * {
                 animation-duration: 0s !important;
                 transition-duration: 0s !important;
         }
 }
 }}}

 The theme needs to continue honoring the preference, but it could define
 each of its animations within a `(prefers-reduced-motion: no-preference)`
 media query—and remove the `0s !important` styles—instead. That way, the
 theme would be responsible for its own motion without disabling motion
 from other stylesheets (from plugins).

 Related: #54174 (Twenty Twenty-One)

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/54852>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform