はじめての WCAG 2.2 図と具体例で学ぶ解説書

解説書 / 1.2.1 音声のみ及び映像のみ (収録済)

LEARN BY EXAMPLE

1.2.1 音声のみ及び映像のみ (収録済) レベル A

録音だけ・映像だけの情報に、別の受け取り方を用意する。

試作版主に関わる領域：企画・デザイン・開発更新 2026-11-09

概要

収録済みの音声のみには、内容と同等の情報を伝えるテキストを用意します。映像のみには、同等のテキスト又は音声による説明を用意します。既にあるテキストの代替として作られたメディアには、条件付きの例外があります。

サイトにある録音の申込案内を文章でも読む

PCやスマートフォンで講座サイトの音声案内を聞き、申込期限と講座の探し方を知りたい場面です。

利用者が困る例 録音の内容を読む手段がない

申込期限や、サイトのどこから講座を探すかを確認できない。
音声を聞けない利用者には、録音の内容が伝わりません。

改善した例 話者と発話を文章で伝える

オンライン講座の申込案内

サイト内の音声ファイル：講座の申込案内

書き起こしテキスト

案内係：オンライン講座の申込期限は、十一月三十日です。サイトの「講座を探す」から、希望する講座を選んでください。

録音と同じ情報を文章から確認できる。
画面で読むほか、読み上げや点字でも内容を受け取れます。

図：同じ録音に書き起こしテキストを添える違い。図の音声ファイル表示は静止図で、ここでは音は鳴りません。録音に意味のある音が含まれる場合は、その情報もテキストに含めます。

サイトの操作を見せる無音動画を文章でも説明する

PCやスマートフォンで、講座サイト内の「受講予定を確認する」動画を見る場面です。サイトのボタン名と操作の順序を伝えます。

利用者が困る例 操作を映像だけで示す

サイトのどこを選び、受講予定までどう進むかが分からない。
映像を見られない利用者には操作の流れが伝わりません。

改善した例 同じ手順を文章で示す

音声のないサイトの操作説明動画

映像の説明
  1. 講座サイトの「マイページ」を選びます。
  2. 次の画面で「受講予定を開く」を選びます。
  3. 「表示完了」と、「写真入門」「文章の書き方」の一覧が表示されます。

映像から分かる操作の流れを文章でも追える。
この基準では、同等の内容を伝える音声を提供する方法も選べます。

図：同じ無音動画に、画面の文字と操作の順序を説明した文章を添える例。ここでは手順を静止図で比較しています。

達成できないと起こる問題の例

講座サイトに、オンライン講座の申込案内を録音した音声が掲載されています。ろう・難聴の利用者がPCでサイトを開き、申込期限や講座の探し方を知ろうとしています。しかし、録音のほかに内容を伝える文章がなく、申込期限と、サイトのどこから講座を探すかを確認できません。

同じサイトには、「受講予定を確認する」操作を映像だけで見せる動画もあります。全盲の利用者がスマートフォンでこの動画を開いても、映像を説明する文章や音声がありません。動画内でどのボタンが選ばれ、受講予定の一覧までどう進むのかを把握できません。

達成するための改善例

サイト上の録音のすぐ近くに、書き起こしテキストを用意します。「オンライン講座の申込期限は、十一月三十日です。サイトの『講座を探す』から、希望する講座を選んでください」という内容を記します。話者や、内容を理解するために必要な音も含め、録音から分かる情報を文章でも伝えます。

映像だけの操作動画には、サイトの画面に表示される文字や操作の順序を説明した文章を添えます。「『マイページ』を選び、次の画面で『受講予定を開く』を選びます。『表示完了』と、申し込んだ講座の一覧が表示されます」と記述します。動画に登場する講座名も文章に含めます。同等の情報を伝える音声トラックを提供する方法もあります。

利用者はPCやスマートフォンで、文章を画面で読んだり、読み上げや点字で確認したりできます。録音を聞けない人や映像を見られない人も、申込案内やサイトの操作手順を受け取れます。

確認のポイント

  • そのコンテンツは、収録済みの音声のみ又は映像のみですか。音声付き動画や、特定のタイミングの操作と組み合わせたものと区別していますか。
  • 音声のみの場合、発話・話者・理解に必要な音を含む、同等の情報のテキストがありますか。
  • 映像のみの場合、重要な動作・画面の文字・順序が、テキスト又は音声から分かりますか。
  • 完成した録音・映像と代替を読み比べ、内容の追加や脱落がないか確認しましたか。
  • 代替が別ページにある場合、元のコンテンツの近くから見つけられますか。

条件と補足

音声のみと映像のみで、選べる方法が異なる

この基準では、音声のみには、音声と同等の情報を伝える時間依存メディアに対する代替コンテンツを用意します。ここでは、発話や意味のある音を記したテキストで説明しています。映像のみの場合は、テキストによる代替又は音声トラックを選べます。

題名、ファイル名、短い要約だけでは、元の内容と同等の情報を伝えられない場合があります。制作に使った台本も、実際の録音・映像と内容が変わっていれば、完成した内容に合わせて直します。

テキストの代替として作ったメディアの例外

既にテキストで提供されている情報以上のものを含まず、そのテキストの代替だと明確にラベル付けされた音声又は映像は例外です。例えば、完全な操作説明を文章で提供し、その文章の別の提示として無音動画を添えている場合です。

関連する文章があることや、「代替」と表示することだけで例外になるとは判断できません。映像だけに新しい手順があれば、その情報も確認します。

音声付き動画やライブとの違い

音声と映像が同期する動画は、1.2.2のキャプションや1.2.3の映像情報への代替を確認します。音声や映像が、特定のタイミングで行う操作と同期している場合も、単純な音声のみ・映像のみとは分けて扱います。

無音動画を説明するためだけに加えた代替音声には、この基準の公式解説上、さらにその音声のテキスト版を提供することまでは求められていません。ただし、AAAの1.2.8では、映像のみのコンテンツにもテキストによる代替を求めます。

ライブの音声のみは1.2.9の対象です。時間依存メディアの見取り図と再生できる教材で、対象の種類と代替手段をまとめて確認できます。

参照資料

テクニックは達成する方法の例です。出典の最終確認: 2026-11-09。講座サイトと案内の内容は、この教材のために作った架空の例です。