WCAG 2.3.3: Animation from Interactions
WCAG 2.3.3 Animation from Interactions is a level AAA success criterion from WCAG 2.1. Motion triggered by interaction can be disabled, unless the motion is essential.
People with vestibular disorders get sick from parallax and large slides.
How to test
Turn on reduced motion in the operating system. Decorative motion should stop.
How to fix
Honour the prefers-reduced-motion media query.
Example that fails
A parallax hero still slides when reduced motion is on.
Example that passes the check
Under reduced motion the hero is a still image.
Shopify
Add a reduced-motion query in the theme CSS to disable parallax and slideshow motion.
WooCommerce
Wrap slider motion in a reduced-motion query.
WordPress
Disable block animation when reduced motion is set.
Wix
Avoid parallax strips, or provide a still version.