?
avatar C-Lodder
C-Lodder
3 Mar 2020

Steps to reproduce the issue

  1. In your OS settings, disable animations
  2. Toggle the sidebar menu

Expected result

Instantly shows/hides

Actual result

Still expands using an animation

avatar C-Lodder C-Lodder - open - 3 Mar 2020
avatar joomla-cms-bot joomla-cms-bot - change - 3 Mar 2020
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 3 Mar 2020
avatar brianteeman
brianteeman - comment - 4 Mar 2020

It could be argued that prefers-reduced-motion should only be applied to parallax animations. For example we apply it to the candy stripe progress bar. It has also been suggested that it should not apply to single animations such as an animated refresh button (used very rarely but we do use it). We do use it for complex repeating animations such as the joomla loading "throbber".

Anyway it is an easy issue to address

  @media screen and (prefers-reduced-motion: reduce) {
   * {
     transition: none;
     animation: none;
   }
    }
avatar chmst
chmst - comment - 23 Mar 2020

My2cent: The animations used in our backend don't affect a11y. They don't meet the Three Flashes or Below Threshold.

The joomla logo disappears as soon as there is something the user can read, so does not disturb.

Maybe the animated progressbar is catching attention - I'd generally prefer a progressbar without animation, not only for disabled.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/28206.
avatar C-Lodder
C-Lodder - comment - 23 Mar 2020

@chmst Remember that the backend will contain views from 3rd party extensions, and who knows what'll they'll add. Better to use a small media query to completely disable animations and transitions to stay on the safe side.

avatar chmst
chmst - comment - 23 Mar 2020

You are rigth, I forgot that.

avatar jwaisner jwaisner - change - 15 Apr 2020
Status New Confirmed
Build staging 4.0-dev
avatar brianteeman
brianteeman - comment - 2 Oct 2020

please test #30873

avatar Quy Quy - change - 2 Oct 2020
Status Confirmed Closed
Closed_Date 0000-00-00 00:00:00 2020-10-02 16:17:24
Closed_By Quy
avatar Quy Quy - close - 2 Oct 2020

Add a Comment

Login with GitHub to post a comment