Web Video Text Tracks – WebVTT

WebVTT est un format de fichier texte standardisé (.vtt) permettant d’ajouter des sous-titres, légendes, descriptions ou métadonnées synchronisées à une vidéo ou une piste audio dans une page web.

Développé par le W3C et adopté comme standard du web, WebVTT est le format natif utilisé avec l’élément HTML5 <track>. Il remplace les anciens formats propriétaires (comme .srt dans certains contextes) pour offrir une meilleure intégration avec le web moderne.

Un fichier WebVTT :

• est lisible par les humains (texte brut encodé en UTF-8),
• contient des horodages précis (au millisecond près),
• supporte le formatage basique (gras, italique, positionnement),
• permet de cibler différents types de pistes :
  • subtitles (sous-titres traduits),
  • captions (sous-titres pour sourds/malentendants, avec sons),
  • descriptions (texte pour audio-description),
  • metadata (données machine-machine, ex. : tags temporels).

Exemple simple :

WEBVTT

00:00:01.000 --> 00:00:04.500
Bonjour, bienvenue sur Définitions Digital.

00:00:05.000 --> 00:00:08.200
<musique introduction>

Pourquoi WebVTT est critique :

• Accessibilité : obligatoire pour atteindre le niveau AA des WCAG (critère 1.2.2).
• Sémantique : les moteurs de recherche (Google, Bing) indexent le texte des fichiers .vtt, améliorant la découvrabilité des contenus audiovisuels.
• Interopérabilité : supporté nativement par tous les navigateurs modernes (Chrome, Firefox, Safari, Edge), sans plugin.
• Légèreté : un fichier de 10 minutes pèse souvent moins de 50 ko — aligné avec l’écoconception web.
• Pérennité : format ouvert, documenté, indépendant de tout éditeur ou plateforme (contrairement aux sous-titres intégrés dans YouTube ou Facebook).

Bonnes pratiques :

• Toujours utiliser l’attribut kind="captions" pour les sous-titres pour sourds/malentendants (STM).
• Spécifier la langue avec srclang="fr".
• Ne pas brûler les sous-titres dans la vidéo : préserver le .vtt séparé permet la réutilisation, la traduction, l’archivage.
• Valider les fichiers avec des outils comme VTT Validator .

Exemple d’intégration HTML5

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track 
    label="Français (STM)" 
    kind="captions" 
    srclang="fr" 
    src="sous-titres-fr.vtt" 
    default>
</video>

En résumé