Mettre en pause, arrêter ou masquer
Activation des fonctions de mise en pause, d’arrêt ou de masquage
Les contenus qui se déplacent, clignotent ou défilent ou l’actualisation automatique de certaines informations peut interrompre les lecteurs d’écran. Ils peuvent également compliquer les choses pour certaines personnes qui doivent interagir avec le reste de la page Web, y compris les personnes ayant un faible niveau d’alphabétisation, des capacités de lecture moindres ou une déficience intellectuelle et les personnes ayant un trouble déficitaire de l’attention.
- Pour tous les contenus en mouvement, clignotant et défilant qui démarrent automatiquement, durent plus de cinq secondes et sont présentées en parallèle avec d’autres contenus, offrez à l’utilisateur un moyen de le mettre en pause, de l’arrêter ou de le masquer. Exemples : films, médias, animations, jeux en temps réel et afficheurs boursiers en défilement.
- Pour gérer l’actualisation automatique de différentes informations, offrez à l’utilisateur un moyen de mettre en pause, d’arrêter ou de masquer le contenu ou encore, offrez à l’utilisateur un moyen de contrôler la fréquence des actualisations. Exemples d’actualisation automatique d’informations : les informations météorologiques, les actualités ou les cours des actions.
Un « bouton pause » accessible par clavier ou d’autres mécanismes peuvent être utilisés pour mettre le contenu en pause.
Bon exemple
Une page Web contient un lien intitulé « Comment faire un nœud » qui renvoie à une animation. Le texte qui précède immédiatement le lien informe l’utilisateur qu’en appuyant sur la barre d’espacement, il pourra mettre en pause et redémarrer l’animation. Un bouton « Pause » est visible dans le coin inférieur droit de l’animation.
Ressources WCAG connexes
Ressources WCAG connexes
Critères de succès
Techniques
- G4 : Permettre de mettre le contenu en pause et de redémarrer là où il a été mis en pause (en anglais)
- SCR33 : Utiliser un script pour faire défiler le contenu et fournir un mécanisme pour le mettre en pause (en anglais)
- G11 : Créer du contenu qui clignote moins de 5 secondes (en anglais)
- G187 : Utiliser une technologie pour inclure du contenu clignotant qui peut être arrêté via l'agent utilisateur (en anglais)
- G152 : Configurer les gifs animés pour qu'ils s'arrêtent de clignoter après n cycles (pendant 5 secondes) (en anglais)
- SCR22 : Utiliser des scripts pour contrôler le clignotement et l'arrêter en 5 secondes ou moins (en anglais)
- G186 : Placer un élément d'interface dans la page pour arrêter le contenu en mouvement, clignotant ou mis à jour automatiquement (en anglais)
- G191 : Fournir un lien, un bouton ou un autre mécanisme pour recharger la page sans aucun contenu clignotant (en anglais)
Échecs
- F16 : Échec du critère de succès 2.2.2 consistant à inclure un contenu défilant lorsque le mouvement n'est pas essentiel à l'activité sans inclure aussi un mécanisme pour mettre ce contenu en pause et pour le redémarrer (en anglais)
- F47 : Échec du critère de succès 2.2.2 consistant à utiliser l'élément blink (en anglais)