Skip to content

Ability to override prefers-reduced-motion media query #9726

@numanzahid

Description

@numanzahid

Prerequisites

  • I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
  • The feature is still missing in the latest stable version of Elementor ( Elementor Pro. )

What problem is your feature request going to solve? Please describe.

Elementor implemented the prefers-reduced-motion query in the main CSS. Which is really good but there should be an option to override this. You can make this on by default but you should allow us to override this in the settings.

There was confusion about animation not working in the community. many of the user still don't know the cause. People still think it is a bug.

#8508

you might say that it is for accessibility, but it is not fair to force accessibility features on the developer. You should allow developer to switch this setting off.

Please don't mind me saying; Reducing animation is one thing related to accessibility. there are so much more to that. like colors and fonts and font sizes. What are you going to do? simply stop everything through your code? block use of some colors, fonts or font sizes? I don't think so. It is the designer who has to think about these problems.

Describe the solution you'd like
Allow switching off or on prefers-reduced-motion media query

Describe alternatives you've considered
At least provide us some code that can be used in function file or CSS to override prefers-reduced-motion. That will be really helpful.

Additional context
Please don't take this request wrong. I am not against accessibility and stuff.
If I have stopped animation it does not necessarily mean I am allergic to animations. It is very common practice the stop OS animation to make it look fast.
If you quick search internet you will be amazed to know how much people stop OS animation for speed optimization. and this practice is common across platforms, Linux, windows and Mac. People even stop animations on their phones, not for the accessibility, but for speed. It is not the indication that they don't want to see animation on my webpage.

Metadata

Metadata

Assignees

No one assigned

    Labels

    request/enhancementIndicates an Enhancement Request for an existing feature.type/accessibilityIndicates when a topic is related to Accessibility.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions