7.7. Provide a method for stopping all animated content

A way to pause and restart animation must be provided for each animated content (scrolling, flashing, movement, etc.).

Note

You do not need to provide a progress bar or pause/play button for animations that last less than 5 seconds.

Tip

If the website offers a lot of moving content, a good accessibility practice is to provide a centralized system for deactivating and restarting all animations of the website at once.

Screen capture, caption below.
This animated carousel has a button for pausing the movement.
Screenshot of an "Accessibility" panel in the banner of a website, it allows you to choose the level of contrast ("Default", "High" or "Reversed") and the state of the animations ("Enabled" or "Disabled").
This feature allows you to enable or disable from a single place all the animations of the site.

2 comments

  • Par Modern Software Development Complex, le 23 May 2022 at 14h14.

    It’s really a great article. Looking forward to more content.

    Répondre

    • Par Romain Desjardins (Atalan), le 16 June 2022 at 14h22.

      Hello,

      Thank you for your message!

      For your information, the content is updated according to the french accessibility standard.

      Have a good day,

      Romain

      Répondre

Add a comment

Required fields are marked *.

Back to top