Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.| Smashing Magazine
447 Posts, 122 Following, 841 Followers · Web dev, SvelteJS maintainer, and pianist. ❤️ cats, books, and video game music.| Front-End Social
For millions of people with vertigo and inner ear problems, large-scale web animations can trigger nausea, migraines, and dizziness. To make websites accessible for everyone, we don’t need to elimi…| A List Apart
Well, not exactly anywhere. But it's more than just inside components!| Geoff Rich
Svelte's accessibility (often shortened to "a11y") warnings are one of the framework's standout features. Per Rich Harris, Svelte is an "a11y-first framework" that "will let you write non-accessible markup, but it won't respect you for it." Accessibility warnings in the compiler have been a part of the framework since version 1.38, and are highlighted in the first section of the tutorial.| Geoff Rich
Update 11/2021: this post was adapted into a lightning talk I recorded for the Fall 2021 Svelte Summit.| Geoff Rich
The prefers-reduced-motion media query is used to detect if the user has requested that animation and motion be minimized. Website animation may trigger motion sickness for those with vestibular disorders, and it is important to disable non-essential animations for these users. prefers-reduced-motion is often used in a CSS stylesheet to disable certain animations, though it can also be used to modify animations applied with JavaScript.| Geoff Rich