motion-sensitivity

To design web animations safe for vestibular disorders, apply motion-safe guidelines that prevent vertigo and seizures by pausing, reducing, or removing moving content like parallax and video backgrounds. The Skill provides specific rules for these adaptations.

prefers-reduced-motion is an accessibility CSS media feature indicating a user requires minimal movement. Apply it in UX design when building transitions, carousels, or video backgrounds to prevent triggering nausea or seizures in motion-sensitive users.

Audit an existing UI transition for motion sensitivity compliance by checking it against accessibility guidelines for safe animation duration and non-autoplay options. Use the Skill's rules to identify and adapt non-compliant moving content.

A limitation of using prefers-reduced-motion for seizure safety is that it relies on explicit user-triggered browser settings, meaning non-autoplay options and motion-reduction patterns must be natively designed into the interface to protect all users.

Yes, this motion safety approach works for parallax and video backgrounds by applying guidelines to pause, reduce, or remove motion. It ensures digital products meet accessibility compliance for any moving content across the interface.

The best way to handle carousel behavior for accessibility compliance is to implement non-autoplay options and motion-reduction triggers. This prevents vertigo and nausea by allowing users to explicitly control moving content.