How do I change the `prefers-reduced-motion` setting in browsers?

Question

There is plenty of documentation around on how to use the prefers-reduced-motion media query in CSS.

This is great but now that I'm using prefers-reduced-motion in my CSS, I want to be able to test what using my site is like for someone that has this setting enabled. I can't find any information on how to do this though and I'm having difficulty finding this as a setting in browser settings.

Maybe this isn't a browser setting at all. Maybe this is something that is set at the Operating System level. 🤔

Answer 1

This should be an OS setting, I know in Mac OS it is under: System Preferences > Accessibility > Display > Reduce motion.

In Windows 10: Settings > Ease of Access > Display > Show animations in Windows.

More info:

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

Also please note not all browsers support or honor the setting

Answer 2

As per the other answers, this is an OS setting.

However, for testing, Chromium-based browsers allow you to temporarily change the setting from the developer tools:

To simulate the operating system's reduced motion setting, without having to change your operating system setting:

1. Press Ctrl+Shift+P on Windows/Linux or Command+Shift+P on macOS to open the Command Menu.

2. Type reduced, to turn the simulation on and off. Select the Emulate CSS prefers-reduced-motion option, and then press Enter.

3. Refresh the webpage and check whether your animations run.

Source: Microsoft Edge docs on "Simulate reduced motion" (but not specific to Edge).

Answer 3

I work at ScyllaDB

There are two tools that can be used to help find the differences:

• https://github.com/scylladb/scylla-migrate (https://github.com/scylladb/scylla-migrate/blob/master/docs/scylla-migrate-user-guide.md) you can use the check mode to find the missing rows.

• https://github.com/scylladb/scylla-migrator is a tool for migration from alive CQL clusters one to another (Cassandra --> Scylla) will work that also supports validation (https://github.com/scylladb/scylla-migrator#running-the-validator). There is a blog series on using this tool https://www.scylladb.com/2019/02/07/moving-from-cassandra-to-scylla-via-apache-spark-scylla-migrator/.

Please post a bug on https://github.com/scylladb/scylla/issues if indeed there are missing rows.