Going beyond accessibility to reduce motion - Deepstash
Going beyond accessibility to reduce motion

Going beyond accessibility to reduce motion

Curated from: mickmel.com

Ideas, facts & insights covering these topics:

3 ideas

·

214 reads

5

Explore the World's Best Ideas

Join today and uncover 100+ curated journeys from 50+ topics. Unlock access to our mobile app with extensive features.

Going beyond accessibility to reduce motion

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 right direction and put you ahead of most other sites in helping users with disabilities consume your content.

5

83 reads

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

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.

  • In Windows 10: Settings > Ease of Access > Display > Show animations in Windows.
  • In macOS: System Preferences > Accessibility > Display > Reduce motion.

5

60 reads

IDEAS CURATED BY

CURATOR'S NOTE

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.

Mickey Mellen's ideas are part of this journey:

Product Management Essentials

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

Related collections

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Personalized microlearning

100+ Learning Journeys

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates