Aller au contenu principal
Critère 4.11

Contrôle du média

La consultation des médias temporels doit être contrôlable (lecture, pause, volume...).

En Bref : L'essentiel à retenir

  • Pour contrôler la lecture de vidéos et de sons, utilisez l'attribut `controls` HTML5.
  • Cet attribut fournit automatiquement les contrôles de base comme Lecture, Pause, Volume et Position.
  • Si vous créez un lecteur personnalisé, vous devez implémenter des contrôles pour lecture/pause, volume/muet et l'affichage des sous-titres/audiodescription.
  • Tous les contrôles doivent être accessibles via le clavier et la souris.

Objectif

L'utilisateur doit pouvoir contrôler la lecture des vidéos et des sons.

Solution Technique

Utilisez l'attribut controls natif de HTML5. Il fournit automatiquement tous les contrôles nécessaires (Lecture, Pause, Volume, Position).

<!-- ✅ Correct -->
<video src="video.mp4" controls></video>
<audio src="son.mp3" controls></audio>

Si vous créez un lecteur personnalisé en JavaScript, vous devez implémenter :

  • Lecture / Pause
  • Arrêt (optionnel si pause existe)
  • Contrôle du volume / Muet
  • Affichage/Masquage des sous-titres (si présents)
  • Affichage/Masquage de l'audiodescription (si présente)

Ces contrôles doivent être accessibles au clavier et à la souris.

Ressources