Ondertiteling voor video-elementen

Hoe los je dit op?

Voeg een <track>-element toe met kind="captions" aan het <video>-element:

<video controls>
  <source src="interview.mp4" type="video/mp4" />
  <track
    kind="captions"
    src="interview.vtt"
    srclang="nl"
    label="Nederlandse ondertiteling"
    default
  />
</video>

Het ondertitelbestand (.vtt of .srt) moet het volgende bevatten:

• Alle gesproken dialoog
• Identificatie van sprekers wanneer meerdere sprekers aanwezig zijn
• Relevante niet-gesproken audio (applaus, alarmen, muziek)

Als de video geen audio bevat, voeg dan aria-label toe om dit aan te geven:

<video controls aria-label="Schermopname zonder audio">
  <source src="demo.mp4" type="video/mp4" />
</video>

Waarom is dit belangrijk?

Ondertiteling maakt video-inhoud toegankelijk voor dove en slechthorende mensen. Ook gebruikers in rumoerige omgevingen, gebruikers die zonder koptelefoon kijken en mensen die de taal aan het leren zijn hebben er baat bij. Zonder ondertiteling mist een groot deel van de gebruikers de informatie die via audio wordt overgebracht.