Learn more about product with this collection
Essential product management skills
How to work effectively with cross-functional teams
How to identify and prioritize customer needs
The relatively new “Media Queries Level 5” specifications that came out last year have a solution specifically for this called ‘
The code for it is pretty simple, as it only has two options:
- ‘reduce’
- ‘no-preference’
If the user has no-preference, the website will load normally. However, if their computer is sending the ‘reduce’ directive to your site, you can choose to change how motion behaves.
5
71 reads
MORE IDEAS ON THIS
Going beyond accessibility to reduce motion
Building websites that are accessible to all users is something that continues to be a problem on much of the web, but it’s continuing to improve over time. For most sites, some simple steps will get you going in the ...
5
83 reads
Setting your own directives
If you’re a user, how do you specify that you want websites to hear your request for ‘prefers-reduced-motion’? When digging into this, I suspected it would be a setting that you adjust in your web browser, but it turns out that it’s setting you change in your operating system.
- ...
5
59 reads
CURATED FROM
CURATED BY
I don’t suspect many websites will support this for a while, and many others (like this one) don’t have a need to at all. Still, if you’re building a site with a lot of interactive pieces on it, I recommend you check this out and make some small changes to help out those users that specifically request fewer animations.
“
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Access to 200,000+ ideas
—
Access to the mobile app
—
Unlimited idea saving & library
—
—
Unlimited history
—
—
Unlimited listening to ideas
—
—
Downloading & offline access
—
—
Personalized recommendations
—
—
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates