Sign In / Sign Out
Navigation for Entire University
- ASU Home
- My ASU
- Colleges and Schools
- Map and Locations
An image that starts automatically and moves for more than 5 seconds must provide a way to pause the movement. This applies to element transitions, animated gifs, parallax scrolling, and code-based moving elements such as data visualizations and animated features.
Why? Automatic movement can trigger vertigo and seizures in users with some vestibular conditions, and it is distracting to users with some learning and cognitive disorders. However, sometimes no other method will achieve the desired effect, and animation is necessary. In these cases, ensure that your animations comply with WCAG 2.1 guidelines.
For animated gifs, do one of the following:
In addition to WCAG 2.1, ASU has additional university standards for animation. Even if your site is not a college or unit site, we recommend you take a look at these standards as they are detailed and well-researched.
Manually inspect any pages with animated elements. If they automatically play, they must either (a) provide a pause button or (b) automatically stop after 5 seconds. The best user experience is to not automatically play animations, but to give the user a play button and, thus, as much control over the user interface as possible.