Critères de succès

WCAG 2.2.2 Mettre en pause, arrêter, masquer

Le critère de succès 2.2.2 exige un mécanisme permettant de mettre en pause, d'arrêter ou de masquer tout contenu qui bouge, clignote ou défile automatiquement pendant plus de cinq secondes, et de même pour tout contenu se mettant à jour automatiquement. C'est un critère de niveau A sous la règle 2.2 (Délai suffisant).

Pourquoi un contenu en mouvement constitue un obstacle

Les carrousels à défilement automatique, les bandeaux défilants et les flux de contenu qui se rafraîchissent peuvent être réellement difficiles, voire impossibles, à lire avant qu'ils ne changent pour certaines personnes ayant un handicap cognitif ou un trouble de l'attention - et, pour les personnes atteintes de certains troubles vestibulaires, un mouvement continu à l'écran peut provoquer un réel inconfort physique. Les personnes utilisant un lecteur d'écran peuvent également trouver un contenu qui se met à jour automatiquement désorientant, leur technologie d'assistance pouvant réannoncer ou perdre le fil d'un contenu qui se déplace sans cesse sous elles.

Ce qui est couvert

• Les carrousels et diaporamas d'images à défilement automatique, qui s'enchaînent sans interaction.
• Les bandeaux d'actualités ou textes défilants.
• Les contenus se rafraîchissant automatiquement : un score sportif en direct, un fil boursier, un fil social qui insère de nouvelles publications au-dessus de ce que la personne est en train de lire.
• Les animations qui bouclent en continu au-delà de cinq secondes.

Les trois commandes acceptables

Au moins l'une d'entre elles est exigée pour un contenu concerné :

1. Pause : interrompre temporairement le mouvement ou la mise à jour, avec possibilité de reprise.
2. Arrêt : l'interrompre définitivement.
3. Masquage : retirer entièrement de la vue le contenu en mouvement ou en cours de mise à jour.

Ce qui est exempté

Les mouvements ou mises à jour essentiels à l'activité elle-même - un indicateur de chargement reflétant une progression réelle, par exemple - n'ont pas besoin de commande de pause, puisque leur raison d'être tout entière est de refléter un processus en cours que la personne attend.

La défaillance classique du carrousel

Les carrousels de page d'accueil qui défilent automatiquement constituent probablement la non-conformité la plus répandue à ce critère : beaucoup sont livrés sans aucun bouton de pause visible et enchaînent les diapositives à intervalle fixe, que la personne ait ou non fini de lire la diapositive en cours. Ajouter une commande de pause et de lecture simple et visible - ou simplement renoncer au défilement automatique en laissant la personne naviguer elle-même - est la correction habituelle.

Questions fréquentes

Qu'est-ce que le critère WCAG 2.2.2 ?

Un critère de niveau A : pour un contenu qui bouge, clignote ou défile - un carrousel, un bandeau défilant - pendant plus de cinq secondes, ou qui se met à jour automatiquement, la personne doit pouvoir le mettre en pause, l'arrêter ou le masquer.

Pourquoi un contenu qui bouge tout seul pose-t-il problème ?

Il distrait les personnes ayant un trouble de l'attention ou un handicap cognitif, et peut faire disparaître le contenu sous les yeux de celles qui lisent ou interagissent lentement.

Quelle est une non-conformité courante ?

Un carrousel d'images qui défile automatiquement sans commande de pause, ou une bannière animée qui boucle indéfiniment.