a11y/video-captions

Dlaczego

Without captions, people who are deaf or hard of hearing get nothing from the sound track, and so does everyone watching with the sound off. Auto-generated captions with errors in names and numbers do not count as an equivalent.

Poprawka

Ship a WebVTT file and add <track kind="captions" src="….vtt" srclang="en" label="English" default> inside <video>. Captions include who speaks and meaningful sounds. A video player library must expose its captions button; a silent background video should carry muted.

Przykłady

<!-- bad -->
<video controls src="launch.mp4"></video>
<!-- good -->
<video controls src="launch.mp4">
  <track kind="captions" src="launch.en.vtt" srclang="en" label="English" default>
</video>

Źródła

• WCAG 2.2, Understanding SC 1.2.2 Captions (Prerecorded)
• MDN, the track element
• W3C WAI, Making Audio and Video Media Accessible (captions)

Przeczytaj w terminalu

npx github:dawidolko/frontend-skills explain a11y/video-captions