Contrôle du son

Ce que le critère demande

Si une page lit automatiquement du son — une boucle musicale de fond, une vidéo qui démarre au chargement de la page avec du son, une publicité en lecture automatique — et que cela dure plus de trois secondes, l’utilisateur doit pouvoir le mettre en pause, l’arrêter ou en régler le volume indépendamment du volume système. La raison est mécanique : un lecteur d’écran s’exprime au volume système ; un son de fond au même volume couvre la parole.

Comment le respecter

• Ne pas du tout lire automatiquement du son au chargement de la page. C’est la solution la plus simple pour respecter le critère.
• Si la lecture automatique est obligatoire (une page d’expérience multimédia spécifique), prévoir un bouton Pause / Arrêt visible dans la première fenêtre visible.
• Ajouter un curseur de volume indépendant qui ne dépend pas du volume du système d’exploitation.
• Utiliser <video muted> pour la vidéo en lecture automatique — les navigateurs modernes refusent de toute façon la lecture automatique avec du son.
• Vérifier que le contrôle audio est accessible au clavier et est le premier élément interactif après le démarrage du son.

Échecs courants

• Vidéo d’accroche marketing en lecture automatique avec son et sans contrôle de coupure visible.
• Boucle musicale de fond sur un site portfolio qui s’estompe en 5 secondes sans bouton d’arrêt.
• Publicités en lecture automatique dont le contrôle de coupure est dans une iframe que l’utilisateur ne peut pas mettre au focus.
• Éléments audio avec autoplay et sans attribut controls.
• Vidéo héros avec un bouton de pause n’apparaissant qu’au survol — les utilisateurs au clavier ne peuvent pas le trouver.

Pourquoi c’est important

Presque aucun navigateur moderne n’autorise la lecture automatique avec du son de toute façon, de sorte que le critère 1.4.2 est de plus en plus appliqué automatiquement par Chrome et Safari. Il convient néanmoins d’auditer toute page utilisant des constructeurs Audio() ou des appels play() depuis JavaScript — ceux-ci contournent certaines heuristiques de blocage de la lecture automatique et peuvent déclencher cet échec.