本文へ移動

§18-10Accessibility

字幕 / 音声説明 (動画)

動画に字幕と音声説明を付けて再生する。

音を出せない環境や聴覚に障害がある人にも動画の内容を届ける。音声説明は画面を見られない人に映像の情報を補う。

実装のポイント

video 要素に track kind="captions" で WebVTT を読み込み、::cue で見た目を整える。音声説明は kind="descriptions" か別音声トラックで用意する。

特徴
  • アクセシビリティ
デモで使っているもの
  • lucide-react