Summary

  • The 2018 W3C WCAG 2.1 Recommendation said that interaction-triggered motion animation should be disableable when it is not essential to functionality or information. This put the reader's control ahead of a site's urge to make every click a dance number.
  • The first public Media Queries Level 5 draft in March 2020 described prefers-reduced-motion with reduce and no-preference values. W3C's later WAI technique shows two choices for authors: suppress motion under reduce, or start with stillness and add motion only under no-preference.

The card did a cartwheel every time the reader pressed Next. In the design meeting, the movement looked delightful: a tidy blur, a neat bounce, applause from the room. At the desk where somebody actually read the page, the same flourish could be distracting or uncomfortable. The important button was the one the reader had already pressed in the system or browser settings: less motion, please. A web page that kept cartwheeling was ignoring a guest who had spoken before arriving.

The 5 June 2018 W3C Web Content Accessibility Guidelines 2.1 Recommendation included Success Criterion 2.3.3, Animation from Interactions. Its concern was motion triggered by the reader's own interaction: it should be possible to disable that animation unless the movement is essential to the function or information. The criterion does not choreograph the replacement card. It gives the reader a say when the choreography contributes nothing to the task.

The next link in the chain was a question CSS could ask. The first public W3C Media Queries Level 5 Working Draft, dated 3 March 2020, included the prefers-reduced-motion media feature. Its two values were reduce and no-preference. The first means the system knows the user wants less motion. The second means no preference has been made known to the system; it even evaluates as false when the feature is used as a bare Boolean query. Silence is a state, not a standing ovation for a flying card.

This changes what a publisher can know at the moment it draws the page. The browser or system carries the preference; CSS can select rules when the query matches. The publisher still chooses the behavior. It might replace the card instantly, soften or remove its movement, or reserve animation for readers whose settings do not request less motion. The preference is a signal across a boundary: the reader expresses it once in their environment, and each site decides how to honor it in its own design.

The 18 December 2021 Working Draft continued to describe the user-preference features and the difference between reduce and no-preference. The W3C publication history shows the first public draft in 2020 and later Working Drafts, including 2021. Across those documents, the preference channel becomes a clearly written part of the web's design vocabulary.

W3C WAI's C39 technique, updated in January 2026, makes the choice concrete. One pattern writes the moving effect and then uses @media (prefers-reduced-motion: reduce) to suppress it. The other begins with static CSS and places the extra motion inside @media (prefers-reduced-motion: no-preference). For the cartwheeling card, the second pattern is a useful editorial test: is the motion an addition that the reader may welcome, or has the whole interaction been built around it? Either way, the next card still needs to arrive and be readable.

C39 addresses CSS motion from user interaction, such as a movement launched by clicking or scrolling. It gives an author an example of how to serve the reader's choice. The 2018 criterion allows essential motion; the WAI explanation describes how non-essential effects can distract or make some people feel ill. A reader's preference deserves a design response without a medical interview.

The site remained creative director of its animations. The browser supplied a way for the reader's preference to be heard. The publisher could leave the card's content where it belonged and decide whether the entrance needed a somersault. When the reader asks the page to sit down, a good page can keep telling the story from its chair.