RGAA Lab

RGAA 4.1.2 · Consultation · Critère 13.8

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

Un carrousel qui défile tout seul emporte le texte avant qu'on l'ait fini : lecture lente, dyslexie, trouble de l'attention, ou simplement une phrase un peu longue.

Ce que dit le référentiel

Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.

  1. 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.
  2. 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.

Comment le vérifier

  1. Repérer les contenus qui bougent ou clignotent sans qu'on l'ait demandé : carrousels, bandeaux défilants, compteurs animés, chargements décoratifs.
  2. Chronométrer : au-delà de cinq secondes, le contenu doit devenir contrôlable.
  3. Chercher le moyen de contrôle : arrêter et relancer, masquer et réafficher, ou accéder à toute l'information sans le mouvement.
  4. Vérifier que ce moyen est atteignable au clavier, nommé, et placé avant le contenu qu'il contrôle.

Ce que notre outil fait

Assisté

Le moteur repère les éléments concernés et vous pose la question. Il ne conclut pas à votre place.

L'outil peut vous désigner les animations en cours dans la page. Décider qu'elles ont dépassé cinq secondes, et qu'un bouton de pause remplit vraiment son office, demande de regarder et d'essayer.

Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.

Les pièges

Les erreurs qu’on rencontre vraiment, relevées au fil des audits.

  • Un carrousel qui s'arrête au survol de la souris ne s'arrête pas au clavier ni au doigt.
  • Une pause qui ne survit pas au changement de diapositive n'en est pas une.
  • prefers-reduced-motion est une bonne pratique et ne suffit pas : le référentiel demande un contrôle dans la page.

À lire avec