Picto thématique

Rule n° 121 - Video content and animations, sounds and flashes can be paused.

At first, it's fine, and then after a while it gets annoying. There was a time when in at least some browsers, the Escape key interrupted animated GIFs, but did not allow you to view them step by step. But that time seems to be over, and above all, it's better to ask site administrators not to do to others what they wouldn't want done to them: besides animated GIFs, there are scrolling contents, flashing things, etc. Not to mention the big bass beats that startle the whole open space.

#Images and media #Development #Accessibility

Goal

  • Give the user control over video and any animations when viewing content.
  • Do not distract the user’s attention by forcing elements on them that might annoy them.
  • Allow sequential animations and sound content to be accessed step by step.
  • Improve the accessibility of content for people with disabilities.

Implementation

Whenever a visual animation lasts more than 5 seconds or a sound lasts more than 3 seconds, systematically provide the multimedia object with the means to control it: start, stop, mute or volume.

Do not use animated graphics that cannot be controlled, or even only partially controlled by the user (animated gif images in particular).

Control

In each page containing a visual animation lasting more than 5 seconds or a sound lasting more than 3 seconds:

  • Check that the animation, sound or flashing elements can be stopped (pause, restart, volume as applicable).

There are a wide variety of technical ways to include animation in a page: markup, CSS property, animated images, Javascript, SVG, etc. Verifying this best practice therefore requires each relevant page to be checked on a case-by-case basis.

By Opquast - Read the license