§18-10Accessibility
字幕 / 音声説明 (動画)
動画に字幕と音声説明を付けて再生する。
音を出せない環境や聴覚に障害がある人にも動画の内容を届ける。音声説明は画面を見られない人に映像の情報を補う。
実装のポイント
video 要素に track kind="captions" で WebVTT を読み込み、::cue で見た目を整える。音声説明は kind="descriptions" か別音声トラックで用意する。
- 特徴
- アクセシビリティ
- デモで使っているもの
- lucide-react