LEARN BY EXAMPLE
1.2.2 キャプション (収録済) レベル A
動画の声や意味のある音を、再生に合わせた文字でも伝える。
概要
音声付き動画などの同期したメディアには、収録済みの音声を伝えるキャプションを提供します。キャプションは、発話、話者、理解に必要な効果音などを、再生に合わせて文字などで示すものです。既にあるテキストの代替として明示されたメディアには、条件付きの例外があります。
同じ動画の声や音を、その場面に合わせて文字で伝える
PCやスマートフォンで、講座サイト内の「受講予定を確認する」動画を見る場面です。声や音が鳴る場面と、キャプションの表示を対応させます。
利用者が困る例 キャプションがない
この場面の音声
案内係「最初に、このボタンを選びます」
続く場面で、表示完了を知らせる音
声の内容や、知らせの音を再生に合わせて受け取れない。
映像に見えている情報だけで手順を推測することになります。
改善した例 発話と意味のある音も表示する
映像:講座サイトの操作説明
続く場面のキャプション
[表示完了を知らせる音]
案内係:申し込んだ講座の一覧が表示されます
声や音が鳴るタイミングに合わせて表示します。
映像と一緒に、声や音の情報も確認できる。
案内係の発話と、意味のある完了の音を文字でも伝えます。
達成できないと起こる問題の例
講座サイトに、「受講予定を確認する」ための音声付き操作説明動画が掲載されています。動画では案内係が「最初に、このボタンを選びます」と話し、受講予定の一覧が表示されると完了を知らせる音が鳴ります。
ろう・難聴の利用者がスマートフォンでこの動画を視聴し、サイトの操作手順を確かめたいのですが、動画にキャプションがありません。案内係が何と言ったのか、どの音がいつ鳴ったのかを、再生に合わせて確認できません。画面に見える情報だけを頼りに、説明の続きを推測することになります。
達成するための改善例
同じ動画に、音声と同期したキャプションを付けます。「案内係:最初に、このボタンを選びます」と発話を示し、受講予定が表示される場面では「[表示完了を知らせる音]」と「案内係:申し込んだ講座の一覧が表示されます」を表示します。話者が映像から分かりにくい場面では、誰の声かも伝えます。
利用者はPCやスマートフォンで動画を見ながら、声や意味のある音を文字で受け取れます。発話を一部だけ抜き出さず、内容を理解するための音声情報が伝わるようにします。
この教材の再生できる動画では、動画に埋め込んだキャプションの例を確認できます。
確認のポイント
- 収録済みの音声を含む同期したメディアに、キャプションがありますか。
- 発話の内容に加え、必要な話者の識別や意味のある音も伝わりますか。
- 音声の流れる場面と、キャプションを読むタイミングは対応していますか。
- キャプションが、手順を示す文字や重要な映像を隠していませんか。
- 自動生成を使う場合は、その結果も確認し、誤認識や情報の抜けを修正しましたか。
条件と補足
キャプションに含める情報
声で話した内容だけでは、動画の音声情報を十分に伝えられない場合があります。必要に応じて、話者、笑い声、効果音、音楽なども示します。どの音をどう記すかは、動画の理解に必要な情報から判断します。
読みやすさのため、意味を保って発話を簡略化することはあります。必要な内容や意味のある音が抜けた自動字幕は、そのままでは十分なキャプションにならない場合があります。「字幕」や「キャプション」という機能名だけで判断せず、実際に表示される内容を確認します。
表示を切り替える方法と、常に表示する方法
表示・非表示を切り替えられるものをクローズドキャプション、切り替えられず常に表示されるものをオープンキャプションと呼びます。どちらの方法も使えます。HTMLのtrack要素や、動画への文字の埋め込みは、実装方法の例です。
別ページに全文を書き起こすだけでは、映像を見ながら音声を同じタイミングで受け取るためのキャプションを置き換えられません。
テキストの代替として作ったメディアの例外
既にテキストで提供されている情報以上のものを含まず、そのテキストの代替だと明確にラベル付けされた同期したメディアは例外です。動画のそばに関連する文章があるだけでは、この例外に当たるとは限りません。文章にない実演や説明が動画に含まれていないかも確かめます。
映像情報への代替、ライブとの違い
キャプションは、動画の音声情報を伝えます。画面だけに表示された手順や、主音声では説明されない動作については、1.2.3の音声解説又はテキストによる代替も確認します。
ライブの同期したメディアには1.2.4、収録済みの音声のみには1.2.1が対応します。時間依存メディアの見取り図でも、それぞれの対象を比較できます。
参照資料
- WCAG 2.2 本体:1.2.2(要件)
- W3C:Understanding 1.2.2(英語公開版)
- WAIC:1.2.2の解説(日本語訳)
- W3C:G93 常に表示するキャプションを提供する方法
- W3C:H95 track要素でキャプションを提供する方法
- W3C:F8 発話や重要な効果音が抜けた失敗例
テクニックは達成する方法の例です。出典の最終確認: 2026-11-09。講座サイトと操作説明動画は、この教材のために作った架空の例です。