Reducing motion with the picture element ↦
prefers-reduced-motion media query is a great tool for improving accessibility and helping users with visual impairments that make animations and such hard to follow, but did you know you can use it inside a
picture element with a
srcset? Brad writes:
This technique would definitely be helpful for posts with embedded animated GIFs in it. Authors would have to grab a static frame of a GIF as a fallback, so there’s a bit of extra work involved, but the technical execution is pretty dang straightforward.
What would be even cooler is if blogging and social media services did this automatically…
Sign in or Join to comment or subscribe