公開日 : 2013年1月26日 (2020年8月30日 更新) カテゴリー : アクセシビリティ 先の記事「音声を伴う動画にはキャプション (字幕) を付ける」で、Web コンテンツとして動画 (音声を伴うもの) を用いる場合、アクセシビリティ上の配慮としてキャプション (字幕) を付けることが求められると書きました。キャプションにはふたつの種類がありますが (オープンキャプションとクローズドキャプション)、今回は、クローズドキャプションの作成方法について、HTML5 の <video> 要素を例に、ご紹介しようと思います。 HTML5 <video> 要素におけるキャプションの読み込み HTML5には <video> 要素があり、標準仕様として Web ページに動画を埋め込むことができます。その中に <track> 要素を書くことで、動画とは別に用意したキャプションファイル (テキスト