Presque chaque page d'accueil de petite entreprise en a un : un carrousel héros qui glisse vers la photo suivante toutes les quatre secondes, indéfiniment, que vous l'ayez demandé ou non. C'est le réglage par défaut de la plupart des thèmes, il est livré activé, et presque personne n'y voit un problème d'accessibilité. C'en est un. Un mouvement qui démarre tout seul et ne s'arrête jamais est un véritable obstacle pour les personnes ayant des troubles de l'attention, qui ne peuvent garder les yeux sur le paragraphe voisin d'une chose qui bouge sans cesse ; pour les personnes ayant des troubles vestibulaires, chez qui un grand mouvement glissant peut provoquer nausées et vertiges ; et pour quiconque utilise un agrandisseur d'écran, où un changement de diapositive arrache le contenu sous une fenêtre agrandie. WCAG a une règle à ce sujet depuis 2008. Elle est de niveau A, le palier le plus fondamental qui soit, et elle se trouve à l'intérieur de la norme que l'Ontario applique réellement. La correction tient habituellement en un bouton.
Faits essentiels
- Le critère de succès 2.2.2 Mettre en pause, arrêter, masquer de WCAG (Web Content Accessibility Guidelines) est de niveau A et fait partie de la norme depuis WCAG 2.0 - le palier de conformité le plus fondamental (W3C).
- La règle s'applique lorsqu'une information en mouvement, clignotante ou défilante remplit les trois conditions : elle démarre automatiquement, elle dure plus de 5 secondes, et elle est présentée en parallèle avec d'autre contenu. Un mécanisme pour la mettre en pause, l'arrêter ou la masquer est alors exigé, sauf si le mouvement est essentiel à l'activité (W3C).
- 1.4.2 Contrôle du son est de niveau A : un son qui se déclenche automatiquement pendant plus de 3 secondes exige un moyen de le mettre en pause ou de l'arrêter, ou de contrôler son volume indépendamment du volume du système (W3C).
- 2.3.1 Pas plus de trois flashs est de niveau A : une page ne doit rien contenir qui clignote plus de trois fois en une seconde (W3C).
- Le RNAI de l'Ontario (Règlement sur les normes d'accessibilité intégrées, Règl. de l'Ont. 191/11), art. 14, exige des organisations de 50 employés ou plus qu'elles respectent WCAG 2.0 niveau AA sur les sites Web publics, et le niveau AA intègre tous les critères de niveau A (ontario.ca).
- Le prochain RCL (Rapport de conformité en matière d'accessibilité) pour les organisations de 20 employés ou plus est dû le 31 décembre 2026 (ontario.ca).
Qu'exige réellement « Mettre en pause, arrêter, masquer » ?
Moins que ce qu'on suppose. Le 2.2.2 n'interdit ni le mouvement, ni l'animation, ni les carrousels. Il ne dit pas que votre diaporama doit disparaître. Il dit que lorsqu'un contenu bouge de lui-même, pendant une durée significative, à côté d'un contenu qu'une personne essaie de lire, cette personne doit disposer d'un moyen de l'arrêter.
Lisez les trois conditions attentivement, car beaucoup dépend du mot et. Le mouvement doit démarrer automatiquement, c'est-à-dire sans que l'utilisateur l'ait déclenché. Il doit durer plus de cinq secondes - le W3C a choisi ce seuil parce que cinq secondes suffisent à capter l'attention, mais restent assez courtes pour qu'un utilisateur puisse simplement attendre la fin d'une brève animation. Et il doit s'exécuter en parallèle avec d'autre contenu, c'est-à-dire qu'il y a autre chose sur la page que l'utilisateur pourrait raisonnablement vouloir lire pendant qu'il bouge. Un indicateur de chargement qui se résout en deux secondes ne contrevient à aucune de ces conditions. Une animation d'ouverture qui se joue seule puis se termine non plus. Un carrousel héros qui défile indéfiniment à côté de votre titre, de votre proposition de valeur et de votre appel à l'action remplit les trois, à chaque fois.
L'échappatoire est étroite. Le critère exempte le mouvement essentiel, que le W3C définit comme un contenu qui, s'il était retiré, changerait fondamentalement l'information ou la fonctionnalité. Une barre de progression pendant un téléversement est essentielle ; elle est l'information. Une photo tournante de votre devanture ne l'est pas. Une préférence marketing n'est pas une nécessité, et c'est là que la plupart des sites échouent discrètement : ils lisent « sauf si essentiel » comme « sauf si nous y tenons », ce qui n'est pas le sens du mot.
Il y a une seconde moitié du critère qui vise un autre motif : l'information à mise à jour automatique, comme un fil en direct, un bandeau défilant ou un prix qui se rafraîchit sur minuterie. Pour ce contenu, il n'y a aucun délai de grâce de cinq secondes. S'il démarre automatiquement et s'exécute à côté d'autre contenu, l'utilisateur a besoin d'un moyen de le mettre en pause, de le masquer, ou de contrôler la fréquence des mises à jour.
Pourquoi le carrousel héros à rotation automatique est-il le manquement classique en Ontario ?
Parce que c'est le seul élément de mouvement livré activé par défaut dans presque tous les thèmes commerciaux, et parce que les personnes qui l'installent sont rarement celles qui lisent WCAG. Un thème Shopify ou WordPress propose un diaporama, l'intervalle de rotation est préréglé, la lecture automatique est cochée, et aucun contrôle de pause n'existe dans le panneau de réglages. Personne n'a ajouté un obstacle volontairement. Il est arrivé avec le gabarit.
Cela s'accumule, aussi. Le même carrousel qui contrevient au 2.2.2 sur le mouvement échoue fréquemment sur d'autres points à la fois : les flèches de diapositive sont des boutons sans étiquette qu'un lecteur d'écran annonce comme « bouton, bouton », les diapositives tournent pendant qu'un utilisateur au clavier parcourt encore les liens de l'une d'elles, et le composant entier dépend d'un geste de glissement sans solution de rechange par appui. Ce dernier point relève du 2.5.7 Mouvements de glissement, que nous couvrons dans le guide mobile et tactile ; le piège au clavier est une catégorie de manquement à part entière. Un seul composant, plusieurs critères distincts, tous de niveau A ou AA.
Il vaut la peine d'être précis sur ce qu'est le droit ici. Le RNAI pointe vers WCAG 2.0 niveau AA, et le 2.2.2 est de niveau A : il est donc inclus dans la cible par définition. C'est là l'écart entre ce que l'Ontario applique et l'état actuel des bonnes pratiques : le seuil applicable est la version plus ancienne, et ce critère est assez vieux pour que la distinction ne sauve personne. Il est de niveau A depuis toujours.
Et parce que le mouvement vit dans le JavaScript de votre propre thème, un module ajouté par-dessus ne le corrige pas. Un script de surcouche ne peut atteindre de façon fiable l'intérieur d'un diaporama tiers pour lui donner un bouton de pause qui survivra à la prochaine mise à jour du thème, ce qui est la raison générale pour laquelle une surcouche n'est pas une remédiation.
Qu'en est-il de la vidéo, du son et du contenu clignotant à lecture automatique ?
Trois règles voisines, chacune de niveau A, chacune facile à enfreindre.
Son à lecture automatique (1.4.2). Si un son se déclenche automatiquement pendant plus de trois secondes, vous devez à l'utilisateur un contrôle de pause ou d'arrêt, ou un contrôle de volume indépendant. Trois secondes, pas cinq. La raison d'être de ce critère est précise et souvent oubliée : un utilisateur de lecteur d'écran ne peut pas simplement baisser le volume, car la parole de son propre lecteur d'écran sort par la même sortie audio. Une musique de fond qui démarre au chargement de la page parle par-dessus le logiciel avec lequel il navigue. Si votre vidéo héros démarre avec le son, c'est le manquement ; une lecture automatique en sourdine ne déclenche pas le 1.4.2, bien que le mouvement de la vidéo puisse tout de même vous placer sous le 2.2.2. Les sous-titres et l'audiodescription sont une obligation distincte portant sur le média lui-même.
Clignotement (2.3.1). Rien sur la page ne doit clignoter plus de trois fois en une seconde. Il ne s'agit pas ici d'agacement. Ce critère existe pour protéger les personnes atteintes d'épilepsie photosensible, chez qui un clignotement dans la mauvaise bande de fréquences peut déclencher une crise. C'est rare sur les sites d'entreprise et grave lorsque c'est présent, le plus souvent introduit par une publicité intégrée, une vidéo ou une animation décorative que personne n'a vérifiée.
Animation déclenchée par l'interaction. La parallaxe, le mouvement au défilement et les éléments qui surgissent à mesure que vous descendez la page relèvent du 2.3.3 Animation à partir d'interactions, qui est de niveau AAA - au-dessus du seuil applicable ontarien comme de la cible AA. Ce n'est pas exigé. Cela vaut tout de même la peine, et c'est presque gratuit : respecter la requête média prefers-reduced-motion permet à un visiteur ayant déjà demandé à son système d'exploitation de réduire les animations d'obtenir automatiquement une page plus calme, sans aucun réglage à trouver sur votre site. Traitez-le comme une bonne pratique plutôt qu'une conformité, et ne laissez personne vous le vendre comme une exigence légale.
Comment le vérifier, et quel est le risque si vous ne le faites pas ?
Vous pouvez auditer ceci vous-même, en cinq minutes environ, sans aucun outil :
- Chargez votre page d'accueil et ne faites rien. Lancez un chronomètre. Tout ce qui bouge, glisse, clignote ou se rafraîchit encore après cinq secondes, à côté de texte, est visé. Cherchez maintenant un contrôle de pause. S'il n'y en a pas, c'est un manquement au 2.2.2.
- Écoutez. Quelque chose émet-il un son de lui-même ? Si cela dépasse trois secondes sans pause évidente ni contrôle de volume indépendant, c'est le 1.4.2.
- Vérifiez que le bouton de pause fonctionne pour tout le monde. Un contrôle qui n'apparaît qu'au survol de la souris n'aide pas un utilisateur au clavier. Atteignez-le avec la touche de tabulation. Il doit être accessible, clairement étiqueté (« Mettre le diaporama en pause », pas une icône sans étiquette), et il doit réellement arrêter la rotation plutôt que la relancer à la diapositive suivante.
- Vérifiez vos gabarits intérieurs. Les diaporamas prolifèrent sur les pages d'accueil, mais se cachent aussi dans les sections de témoignages, les bandeaux de logos et les galeries de produits.
Un analyseur automatisé ne fera pas cela pour vous. Un analyseur peut détecter qu'une animation CSS est attachée à un élément ; il ne peut juger si ce mouvement dure plus de cinq secondes, s'il se trouve à côté d'un contenu que quelqu'un est en train de lire, s'il est essentiel, ni si le bouton que vous avez ajouté l'arrête vraiment. C'est précisément l'un des jugements qui font qu'une analyse n'est pas un audit, et c'est la même raison pour laquelle un rapport automatisé sans erreur est une preuve bien mince.
Quant aux enjeux, le portrait honnête est celui qui s'applique à tout obstacle d'accès. En Ontario, la LAPHO (Loi sur l'accessibilité pour les personnes handicapées de l'Ontario) n'a aucun droit d'action privé, donc personne ne vous poursuit directement en vertu de celle-ci. La voie vivante pour un individu est le TDPO (Tribunal des droits de la personne de l'Ontario), qui entend les plaintes en vertu du Code des droits de la personne de l'Ontario, et voici comment une plainte se déroule réellement. Si vous vendez aux États-Unis, le contenu en mouvement et les médias à lecture automatique sont des allégations courantes dans le contentieux Web lié à l'ADA (Americans with Disabilities Act). La réponse durable n'est ni un avertissement ni un module. C'est une remédiation documentée : une trace datée de ce que vous avez trouvé et corrigé, ce qu'un RCL honnête devrait refléter d'ici le 31 décembre 2026.
La bonne nouvelle, fait inhabituel, est qu'il s'agit de l'une des catégories de manquement les moins coûteuses à corriger. Un contrôle de pause sur un carrousel est un changement petit et circonscrit. Il figure sur la liste parce qu'il est partout, pas parce qu'il est difficile.
Voyez si votre site comporte du mouvement impossible à arrêter et vérifiez d'autres problèmes d'accessibilité - rapport Vayle gratuit, environ 30 secondes : vayle.art. Il détecte les surcouches, révèle vos véritables manquements à WCAG et vous indique exactement ce qui s'applique légalement à votre organisation en Ontario. Sans engagement.
Vayle est un studio d'ingénierie de l'accessibilité à distance au service de l'Ontario. Renseignements généraux, pas un avis juridique.