Honour prefers-reduced-motion setting

[BenBE]

Description

Excessive animations, sliding effects and other motion in the UI can be a distraction as well as a severe accessibility issue. Thus modern browsers provide the means for the user to request websites to remove non-essential motion and animations using the prefers-reduced-motion media query.

Current behavior

The setting is ignored. UI elements are animated and are sliding around repeatedly.

Expected Behavior

The browser setting for reduced motion should be honored. UI elements should be placed at stable locations and without any (unnecessary) animation where possible.

Possible Solution

Implement proper media queries in the CSS to disable (or reduce) all non-essential animations when reduced motion has been requested from the user's UA.

Steps to reproduce

1. Activate reduced motion for your system, as detailed here
2. Open any Jitsi room
3. Notice how moving your mouse around still animates sliding in/out various UI items.

Environment details

Tested with both recent Chrome and Firefox. Other browsers implementing the prefers-reduced-motion media query are effected to.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BenBE]

Any more information needed for this issue?

[saghul]

I'm afraid this is a big change we don't have time for at the moment.

Pull requests are welcome, of course.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BenBE]

Just the normal bump to let your bot know, this issue is still not resolved …

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BenBE]

Bump

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BenBE]

And another bump to indicate this has not been addressed yet …

[saghul]

As I said, we welcome PRs, but it's unlikely we'll tackle this anytime soon.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BenBE]

And another round of talking to the bot … ;-)

And regarding writing PRs: I'm a embedded/backend dev. I really don't think you want me to do any frontend stuff (Also there're enough other projects I'm already working on).

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BenBE]

Oh, hi bot. Long time no see … ;-)

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BenBE]

Glad to see you around, bot. How are you doing?