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.

#Accessibility #Images and media #Conception #Development

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

Business application and benefits

The rules should be applied to your projects from the design phase through to post-implementation , and they should be understood by all professionals with web and customer experience (CX) responsibilities: from strategy to operations, marketers to project managers, and editorial to technical staff. The benefits of using this ruleset are numerous, including improving customer satisfaction, web performance, and e-commerce, and expanding your client base, while also decreasing your errors and costs.

Multidisciplinary verticles - accessiiblity, SEO, e-commerce, ecodesign etc..- starting from the foundational Opquast base.

The objective of these rules and the Opquast community mission is ‘making the web better’ for your customers and for everyone! Opquast rules cover the key major areas of risk that can negatively affect website users such as privacy, ecodesign, accessibility and security.

Opquast training has already allowed over 11,000 web professionals to have their skills certified. Train your teams or your students, contact us