Animations

Problem

  • Automatically updating content can be extremely distracting for users with attention difficulties. Users will often try and scroll page content in order to remove the animation from their field of view, or will try and look at something else in the room.

WCAG Success Criteria

Example

animated gifs can be annoying

Tips

  • Allow animations to be paused or stopped.
  • Make sure that banner animations don't distract users from the key purpose of the page.
  • Users are more likely to click on banner animations on content pages, rather than top level navigation pages.