用語と補足
音声・映像の代替と1.2の見取り図
音や映像で伝える情報を、別の方法でも受け取れるようにする。
概要
PCやスマートフォンでウェブサイトの操作説明動画を見るとき、説明は聞こえても、画面だけに出るボタン名や操作手順が分からないことがあります。映像を見られても、話し声や知らせの音を聞き取れないこともあります。サイトに掲載する動画や音声の情報を、文字や音声解説などでも受け取れるようにします。
1.2「時間依存メディア」の9基準は、録音・映像の種類と、収録済みかライブかを区別しています。この補足では全体の関係を確かめ、講座サイトで受講予定を確認する操作説明動画と、その内容を伝えるテキストを比べられます。
音声・映像と、同じ内容を伝える文字
PCやスマートフォンで講座サイトの操作説明動画を見る場面です。動画では「マイページ」から「受講予定を開く」を選び、申し込んだ講座を確認します。動画と音声は自分で再生を始めるまで流れません。音が出るので、再生前に端末の音量を確認してください。
音声解説とキャプションがある動画
画面だけの指示や動作を、主音声の合間に「音声解説」で説明します。「案内係」「音声解説」と、聞こえる内容を映像の下の帯に表示しています。文字は映像に含まれ、表示を消せないオープンキャプションです。
これはサイトの操作を説明する動画です。映像内のボタンを視聴者が選んで、サイトを操作することはできません。再生の一時停止や音量調整にはプレーヤーの操作部品を使えます。
映像と音声の内容
全体を通して、画面上部には「講座サイト|受講予定の確認」という題名があります。ブラウザーのアドレス欄には、架空のサイトのURL「https://course.example/」を表示しています。映像の下の帯には話者と発話・音の内容が文字で表示され、帯の上の線で進行が示されます。
- 映像:ブラウザーで開いた講座サイトに「受講予定を確認するには」と表示されています。
- 案内係:講座サイトで、受講予定を確認する手順です。
- 映像:講座サイトのホーム画面で「マイページ」ボタンが選ばれます。
- 案内係:最初に、このボタンを選びます。
- 音声解説:サイトの「マイページ」が選ばれます。
- 映像:マイページが開き、「受講予定を開く」ボタンが選ばれます。
- 音声解説:マイページに「受講予定を開く」と表示されます。
- 音声解説:そのボタンが選ばれます。
- 映像:「表示完了」と表示され、「写真入門」「文章の書き方」という受講予定の一覧に切り替わります。
- 音:[表示完了を知らせる音]
- 案内係:申し込んだ講座の一覧が表示されます。
- 音声解説:画面には「表示完了」と、「受講予定」が表示されています。
- 音声解説:講座の名前は「写真入門」と「文章の書き方」です。
映像の進行を止めて説明する例
発話の合間に十分な解説が入らない場面では、元の映像の進行を止めて説明し、再開する拡張音声解説を使います。次の例は同じ手順を、発話が続く案内として構成したものです。「停止中」の間も解説の音声は流れます。
拡張音声解説の例と文章を開く
拡張音声解説の例の内容
画面の題名とキャプションの配置は最初の例と同じです。「映像の進行:停止中」の表示では、操作画面と進行を示す線が止まったまま解説が続きます。
- 映像:講座サイトのホーム画面で「マイページ」ボタンが選ばれます。
- 案内係:講座サイトで、受講予定を確認します。
- 映像の同じ場面と進行位置を保ったまま、音声解説が続きます。
- 音声解説:ここで映像の進行を一時停止します。
- 音声解説:サイトの「マイページ」が選ばれます。
- 音声解説:映像の進行を再開します。
- 映像:マイページが開き、「受講予定を開く」ボタンが選ばれます。
- 元の映像の進行が再開します。
- 案内係:順番に操作して、受講予定を開きます。
- 映像の同じ場面と進行位置を保ったまま、音声解説が続きます。
- 音声解説:ここで映像の進行を一時停止します。
- 音声解説:画面には「受講予定を開く」と表示されています。
- 音声解説:そのボタンが選ばれます。
- 音声解説:映像の進行を再開します。
- 元の映像の進行が再開します。
- 案内係:案内に従って、次の画面に進みます。
- 映像:「表示完了」と表示され、「写真入門」「文章の書き方」という受講予定の一覧に切り替わります。
- 音:[表示完了を知らせる音]
- 案内係:申し込んだ講座の一覧が表示されます。
- 音声解説:画面には「表示完了」と、「受講予定」が表示されています。
- 音声解説:講座の名前は「写真入門」と「文章の書き方」です。
録音だけの案内と書き起こし
案内係:オンライン講座の申込期限は、十一月三十日です。サイトの「講座を探す」から、希望する講座を選んでください。
合成音声:HTS Voice「Mei」、MMDAgent Project Team/名古屋工業大学。音声モデルの利用条件はCC BY 3.0です。
収録済みかライブか、音声か映像かを分ける
| コンテンツの例 | A・AAで確認する基準 | AAAで加えて確認する基準 |
|---|---|---|
| サイトに掲載した、収録済みの音声だけの講座案内 | 1.2.1 | この種類だけを対象とする追加基準はない |
| サイトに掲載した、収録済みの音のない操作説明動画 | 1.2.1 | 1.2.8 |
| サイトに掲載した、収録済みの音声付き操作説明動画 | 1.2.2・1.2.3・1.2.5 | 1.2.6・1.2.7・1.2.8 |
| サイトで見る、音声付きのオンライン説明会のライブ配信 | 1.2.4 | この種類だけを対象とする追加基準はない |
| サイトで聞く、音声だけのライブ案内 | この種類だけを対象とするA・AA基準はない | 1.2.9 |
この表は、視聴者が特定のタイミングで操作する仕組みを含まないメディアの例です。個別の基準にある条件や例外も確認します。AAAを目指す場合は、A・AAを含めて適用される基準を満たします。
音声や映像が、ほかの形式の情報や、特定のタイミングで行う操作と同期しているものを「同期したメディア」と呼びます。音声付き動画は代表例です。音声だけに見えても、途中で「今、回答してください」と操作を求める場合は、単純な音声のみの分類とは分けて確認します。
ライブ配信の録画を後から公開する場合は、その公開版を収録済みのコンテンツとして確認します。
キャプション・音声解説・テキストは役割が異なる
聞こえる情報を再生に合わせて文字などで伝えるものが、キャプションです。発話のほか、誰が話しているか、理解に必要な知らせの音や音楽なども含みます。発話の文字起こしを別の場所に置くだけでは、同期したキャプションにはなりません。
主音声だけでは分からない重要な映像の情報は、音声解説で補います。画面上の文字、動作、場面の変化などを、通常は発話の合間に説明します。映像で伝える重要な情報がすべて既存の音声に含まれていれば、追加の音声解説は必要ありません。
テキストによる代替は、映像と音声で伝える情報を、元の順序に沿って文章で提供する方法です。セリフに加え、必要な場面や動作、意味のある音も説明します。点字ディスプレイなどで読む人も、自分のペースで内容を受け取れます。元のメディアに利用者の操作が含まれる場合は、代替でも同じ結果を得られるリンクなどを用意します。
以下の例では、日本語の映像・音声に対して、日本語のキャプション、音声解説、テキストを提供しています。
Aで選んだ方法を、AA・AAAでも確認する
次の表は、画面にだけ重要な情報がある収録済みの音声付き動画で、1.2.3・1.2.5・1.2.8の関係を示したものです。
| Aの1.2.3で用意したもの | AAの1.2.5 | AAAの1.2.8 |
|---|---|---|
| 音声解説 | その音声解説で要件を満たす | 映像と音声を含む十分なテキストも用意する |
| 映像と音声を含む十分なテキスト | 音声解説も用意する | 作成済みのテキストが要件を満たすことを確認する |
同じ代替を使えるときも、基準自体が適用されなくなるわけではありません。既に用意した音声解説やテキストで、その基準を満たせるかを確認します。
キャプションは別に必要です。通常の音声付き動画にテキストによる代替を付けても、1.2.2のキャプションを省く理由にはなりません。AAAでは手話や、条件に応じた拡張音声解説なども確認するため、この表の3基準だけで適合を判断しません。
二つの「代替」を取り違えない
動画の内容を文章にする「時間依存メディアに対する代替」と、既にある文章を音声や映像でも示す「メディアによるテキストの代替」は、方向が反対です。
1.2.1〜1.2.3には、音声や映像が既存のテキスト以上の情報を含まず、テキストの代替であると明確にラベル付けされている場合の例外が明記されています。「関連する文章がある」「代替と表示した」という一つの条件だけでは判断しません。同期したメディアの定義にも、この除外があります。
例えば、主要な案内文と同じ情報だけを読み上げた音声を、文章の代替だと明示して提供する場合です。文章にない操作や図の情報を動画が追加している場合は、この例外に当たると一律に扱いません。
9基準の個別ページ
参照資料
- WCAG 2.2 ガイドライン1.2(要件)
- W3C:時間依存メディアの解説(英語公開版)
- WAIC:時間依存メディアの解説(日本語訳)
- W3C:1.2.3の解説と1.2.5・1.2.8との関係
- W3C:G69 テキストによる代替の方法
- W3C:G8 拡張音声解説の別版を提供する方法
出典の最終確認: 2026-11-09。講座サイトの案内は、この教材のために作った架空の例です。