DesignInclusive interactiontext

Design an interaction that works with motion switched off

Specifies animated and static states that carry the same information.

Editorial illustration for Design an interaction that works with motion switched off
Editorial illustration for this prompt; the prompt itself does not generate this image.

Ready to use

Prompt

For [INTERACTION] and [USER GOAL], describe the default motion, the meaning it conveys and a reduced-motion alternative. Provide state-by-state behaviour for idle, action, loading, success and error, including timing, focus and screen-reader text. Keep progress visible without relying on spinning or flashing. Include a test plan for keyboard and operating-system motion settings. Do not remove essential feedback when animation is disabled. Check that both versions communicate the same state and that a user can complete the task without waiting for an animation to finish.