Dans chaque page web, chaque contenu en mouvement ou clignotant est-il contrôlable par l’utilisateur ?

Comprendre

Un contenu en mouvement ou clignotant doit pouvoir être mis en pause ou arrêté.

Ce critère s’applique lorsque la page contient : contenus en mouvement.

Ce que vérifie Agence RGAA

Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.

Nous détectons automatiquement :

• contenus clignotants
• contenus défilants

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Exemple de correction

<div class="carrousel" aria-roledescription="carrousel" aria-label="À la une">
  <button type="button" aria-pressed="false">Mettre en pause le défilement</button>
  …
</div>

@media (prefers-reduced-motion: reduce) {
  .carrousel { animation: none; }
}

<marquee>Fermeture exceptionnelle</marquee>
<blink>Nouveau !</blink>

• Un mouvement de plus de 5 secondes doit pouvoir être arrêté ou masqué.

Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.

Tests officiels

1. Test 13.8.1

   Dans chaque page web, chaque contenu en mouvement déclenché automatiquement, vérifie-t-il une de ces conditions ? La durée du mouvement est inférieure ou égale à 5 secondes ; L’utilisateur peut arrêter et relancer le mouvement ; L’utilisateur peut afficher et masquer le contenu en mouvement ; L’utilisateur peut afficher la totalité de l’information sans le mouvement.

   Méthodologie de test

   1. Retrouver dans le document les contenus en mouvement (obtenus au moyen d’une image, d’un script ou d’un effet CSS) déclenchés automatiquement au chargement de la page ou lors de l’affichage d’un contenu (cf. note) ;
   2. Pour chaque contenu, vérifier que :
      • Soit la durée du mouvement est inférieure à 5 secondes ;
      • Soit la présence d’un mécanisme (un bouton, par exemple) permet d’arrêter et de relancer le mouvement ;
      • Soit la présence d’un mécanisme (un bouton, par exemple) permet de cacher et d’afficher à nouveau le contenu en mouvement ;
      • Soit la présence d’un mécanisme (un bouton, par exemple) permet d’afficher la totalité du contenu sans mouvement.
   3. Si c’est le cas pour chaque contenu en mouvement, le test est validé.

2. Test 13.8.2

   Dans chaque page web, chaque contenu clignotant déclenché automatiquement, vérifie-t-il une de ces conditions ? La durée du clignotement est inférieure ou égale à 5 secondes ; L’utilisateur peut arrêter et relancer le clignotement ; L’utilisateur peut afficher et masquer le contenu clignotant ; L’utilisateur peut afficher la totalité de l’information sans le clignotement.

   Méthodologie de test

   1. Retrouver dans le document les contenus clignotants (obtenus au moyen d’une image, d’un script ou d’un effet CSS) déclenchés automatiquement au chargement de la page ou lors de l’affichage d’un contenu (cf. note).
   2. Pour chaque contenu, vérifier que :
      • Soit la durée du clignotement est inférieure à 5 secondes ;
      • Soit la présence d’un mécanisme (un bouton, par exemple) permet d’arrêter et de relancer le clignotement ;
      • Soit la présence d’un mécanisme (un bouton, par exemple) permet de cacher et d’afficher à nouveau le contenu clignotant ;
      • Soit la présence d’un mécanisme (un bouton, par exemple) permet d’afficher la totalité du contenu clignotant.
   3. Si c’est le cas pour chaque contenu clignotant, le test est validé. Note : l'arrêt ou la mise en pause d'un contenu en mouvement ou clignotant au moyen de la prise de focus (par exemple, l'effet est suspendu uniquement pendant la prise de focus) n'est pas considéré comme un procédé conforme. Dans certains cas, le mouvement ne peut pas être arrêté, par exemple dans le cas d'une barre de progression, dans ce cas, le critère est non applicable.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.