LEARN BY EXAMPLE
1.2.8 メディアに対する代替 (収録済) レベル AAA
映像と音声の情報を、順序どおりの文章でも読めるようにする。
概要
収録済みの同期したメディアと、収録済みの映像のみのメディアに、映像や音声の情報を正しい順序で伝えるテキストによる代替を提供します。元のメディアに、特定のタイミングで行う操作があれば、その代替でも同じ結果を得られるようにします。
サイトの操作を、映像と音の情報も含めて文章にする
PCやスマートフォンで講座サイトを開き、操作説明動画の内容を点字などでも読みたい。
利用者が困る例 セリフだけを書き起こす
サイトのどこを選び、何が表示されるのか分かりません。
セリフを読めても、映像だけで伝えている情報が残ります。
改善した例 映像と音声を順序どおりに伝える
受講予定を確認する
- 講座サイトの画面で、カーソルが「マイページ」を選ぶ。主音声「最初に、このボタンを選びます」。
- マイページが表示され、カーソルが「受講予定を開く」を選ぶ。
- 「表示完了」と、受講予定の一覧「写真入門」「文章の書き方」が表示され、完了を知らせる音が鳴る。主音声「申し込んだ講座の一覧が表示されます」。
文章から、サイトの操作と表示される講座名を確認できます。
発話以外の視覚的・聴覚的な情報も、同じ流れで読めます。
達成できないと起こる問題の例
盲ろうの利用者が、PCで講座サイトを開き、「受講予定を確認する」操作説明動画の内容を点字ディスプレイで読みたいと考えています。動画にはキャプションと音声解説がありますが、利用者はどちらも十分には受け取れません。
動画の下にある文章には、「最初に、このボタンを選びます」といったセリフだけが並んでいます。映像にあるボタン名、カーソルの動き、表示された講座名が書かれていないため、利用者はサイトのどこを選び、何が表示されるのか分かりません。
達成するための改善例
講座サイトの同じ操作説明動画に、映像と音声の情報を一緒に読める文章を添えます。「サイトの『マイページ』を選ぶ」「マイページの『受講予定を開く』を選ぶ」といった操作、発話、完了を知らせる音を、動画と同じ順序で書きます。「表示完了」という文字と、一覧に出る「写真入門」「文章の書き方」という講座名も含めます。
日本語の動画に日本語の代替を用意し、完成した動画の内容と照らし合わせます。PCやスマートフォンで開いたページから文章を読めるようにします。利用者は、必要なところを自分の速さで読み、読み上げや点字などの方法でもサイトの操作手順を確認できます。
動画内で質問に答えるなどの操作がある場合は、文章の側にも同じ選択や操作の結果を得る手段を用意します。動画を探さずに読めるように、動画の近くに文章や、その文章へのリンクを置きます。
確認のポイント
- 収録済みの同期したメディアと、映像のみのメディアに、テキストによる代替がありますか。
- 発話のほか、場面、動作、表情、画面の文字、理解に必要な音の情報も伝わりますか。
- 情報の順序は完成したメディアと一致していますか。
- 利用者が行う操作がある場合、代替でも同じ結果を得られますか。
- 元のメディア又は掲載ページと同じ言語の文章を用意していますか。
- 動画の近くから、代替の文章を見つけられますか。
条件と補足
ここでいう「時間依存メディアに対する代替コンテンツ」は、映像と音声の情報を、順序と必要な操作も含めて提供する文書です。セリフだけの書き起こしや動画の短い要約では、視覚的な情報などを補えない場合があります。制作前の台本を使う場合も、編集後の動画に合うように直します。
音声付き動画について、1.2.3は音声解説又は十分なテキストによる代替を選べます。1.2.5では音声解説、1.2.8ではテキストによる代替が必要です。1.2.3のために作った文章が1.2.8の要件も満たしていれば、別の文章をもう一つ作る必要はありません。
テキストを提供しても、キャプションや音声解説、手話など、ほかの適用される基準の確認は続きます。基準の関係と対象の違いは、1.2全体の見取り図で確認できます。
音声のみの収録済みコンテンツは1.2.1、音声のみのライブは1.2.9で扱います。また、既にある文章を別の形で提供する「メディアによるテキストの代替」とは、代替する方向が異なります。基準を適用するときは、「同期したメディア」の定義にある除外も確かめます。
参照資料
出典の最終確認: 2026-11-09。