prefers-reduced-motion

 I have been adding 'prefers-reduced-motion' and 'prefers-contrast' media queries to my webpages.


The accessibility course on 'web.dev' says I should have my animations off by default and let the user turn on the animations if desired.


Chrome lets you emulate these media settings. The computers at my library do not let you set these media settings in Windows.


'web.dev' says these two accessibility media queries are the two best supported by browers.


There are more tips at: bbingo.xyz/t

Comments

Post a Comment

Popular posts from this blog

webkit-tap-highlight-color in CSS

 I almost used '-webkit-tap-highlight-color' to remove the blue highlight when you tap an item on a mobile with Chrome.  My item had an odd shape. But it seems you also need to set 'outline: none' on recent versions of Chrome. But this causes an accessibility problem. So I just gave my item a regular shape and kept the blue highlight There are more tips at:  bbingo.xyz/techtips/
Read more