Set anchor scroll animation to instant
A common web pattern is to animate the transition to an anchor link within a page. This animation can be harmful to people who are sensitive to motion.
Snap anchor links to their target section
To avoid the motion caused by an anchor link scrolling down the page, make your anchor links snap to the target section. Here’s how:
1. With the link selected, choose the section you’d like the link to jump to from the dropdown menu in the Element Settings panel.
![In the Link Settings section of the Element Settings Panel, you can set page section you’d like the link to go to.](https://cdn.prod.website-files.com/64f8a36c1caf0d851204fa19/64f8a36c1caf0d851204fa97_f2cf403fb0ea8ee9cbce9bf821fe136f22ee0879cc613311955c88a88907f1252975a92c554db4dd4a9da0782792a3d827b78d6272b09c68f709e272bb07d042e3520ac67548544d8f82f82c6be0a4268203ce4311e5750559486f5f4e54fa327401127f.png)
2. Select the <checks-richtext_code>body<checks-richtext_code> element and add <checks-richtext_code>data-scroll-time<checks-richtext_code> with a value of “0” in Custom Attributes section of the Element Settings panel. This sets the amount of seconds it takes to scroll to the target element to 0.
![Add a new attribute by clicking the plus icon in the Custom Attributes section of the Element Settings panel.](https://cdn.prod.website-files.com/64f8a36c1caf0d851204fa19/64f8a36c1caf0d851204faab_01f408c4f43f10c4e2c536ef8fd7366ead192bc8c3032ffed667ae349a188c87fdd3c1a94dd131908bd271bb7d02ba9f73b3e1deafe8f1487ee2682cc4ab3df82ddf2f2467706ffe09ada48afc6c16bcc6de247011a858b2d7b1c5c7d5ec44724045431f.png)
3. Publish and test your site to make sure the animation snaps to the target element instead of scrolling past content.
Useful resources:
WCAG reference:
Total progress
![Celebration horn and streamer emoji](https://cdn.prod.website-files.com/64f8a36c1caf0d851204fa11/64f8a36c1caf0d851204fa81_party-popper_1f389.png)