jitsi / jitsi-meet

Jitsi Meet - Secure, Simple and Scalable Video Conferences that you use as a standalone app or embed in your web application.
https://jitsi.org/meet
Apache License 2.0
22.17k stars 6.59k forks source link

Honour prefers-reduced-motion setting #13567

Open BenBE opened 1 year ago

BenBE commented 1 year ago

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[bot] commented 10 months ago

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 commented 10 months ago

Any more information needed for this issue?

saghul commented 10 months ago

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[bot] commented 8 months ago

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 commented 8 months ago

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

github-actions[bot] commented 6 months ago

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 commented 6 months ago

Bump

github-actions[bot] commented 4 months ago

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 commented 4 months ago

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

saghul commented 4 months ago

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

github-actions[bot] commented 2 months ago

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 commented 2 months ago

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[bot] commented 4 days ago

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 commented 4 days ago

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