Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

Set your website to respect prefers-reduced-motion and prevent animation from being displayed.

For example in connection with anchor/jump links. 

Add the following CSS media query to the site.

@media (prefers-reduced-motion: reduce) {

  /* CSS to disable motion goes here */

}

When the user selects an anchor/jump link the page will smooth-scroll to the content selected, instead of a hard and abrupt jump. 

Users can set their OS to indicate their motion preference. 

This is supported by Chrome, Safari, Firefox, Edge

The 'prefers-reduced-motion' CSS Media Query will respect that choice. 

Please see additional information.

https://www.w3.org/WAI/WCAG21/Techniques/css/C39  

  • No labels