Accessibility / Motion / Toggle Prefers Reduced Motion
The Toggle Prefers Reduced Motion bookmarklet injects CSS to simulate the `prefers-reduced-motion: reduce` media query, disabling all animations and transitions on the page. Uses a media query rule to set `animation: none !important` and `transition: none !important` for all elements when the reduced motion preference is active. Run again to remove. Useful for testing whether pages properly respect users' motion preferences.
WCAG SC 2.3.3: Animation from Interactions
Run Toggle Prefers Reduced Motion
Test run or drag to
bookmarklets bar to install
javascript:%21function()%7B%22use%20strict%22%3Btry%7Bconst%20e%3D%22a11y-prm%22%2Ct%3Ddocument.getElementById(e)%3Bif(t)return%20void%20t.remove()%3Bconst%20n%3Ddocument.createElement(%22style%22)%3Bn.id%3De%2Cn.textContent%3D%22%40media%20(prefers-reduced-motion%3A%20reduce)%7B*%7Banimation%3Anone%20%21important%3Btransition%3Anone%20%21important%7D%7D%22%2Cdocument.head.appendChild(n)%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fgithub.com%2Falejandrogiga98%2FA11y-Bookmarklets%5CnBookmarklet%20name%3A%20Toggle%20prefers-reduced-motion%5CnAuthor%3A%20alejandrogiga98%5CnLicense%3A%20MIT%20License%5Cn%22)%7Dcatch(e)%7Balert(%22Bookmarklet%20Error%3A%20%22%2Be.message)%7D%7D()%3B
← Back to all bookmarklets