1.2.3 音声解説、又はメディアに対する代替(収録済)
適合レベル:A
概要
収録済みの映像に、音声解説(シーンの移り変わりや登場人物の表情などの視覚的な情報を音声で説明したもの)または、テキストによる書き起こし(視覚的な情報、会話や笑い声なども含む)が提供されている。
対応方法
対応方法1
・オリジナル動画と別に、映像の重要な内容を音声解説(ナレーション)で提供した音声解説版の動画を用意する
・音声解説は映像内の重要な視覚情報(例えば、登場人物の動き、表情、背景の変化など)を説明する内容
・音声解説版の動画にも1.2.2の対応をおこなう
対応方法2
・音声解説用の`.vtt`ファイルを用意し `<track>` 要素で`kind="descriptions"`として読み込む
WEBVTTの例
```
00:00:05.500 --> 00:00:10.000
[視覚説明] 桜が満開の公園。花びらが風に舞い、人々が散歩している。
00:00:12.000 --> 00:00:16.000
[視覚説明] ベンチでは親子が座り、楽しそうに会話している。
```
対応方法3
・音声解説のテキストを提供する
・動画の音声と重要な視覚的情報を全文テキストで書き起こして提供する
・書き起こしは映像に対しての書き起こしのため、音声や映像を見なくても動画の内容を理解できるように、誰が発言しているのか、発言の状況や文脈、視覚的な要素(動き、背景の変化など)を含めて説明する必要がある
テキストでの音声解説の例
```
<details>
<summary>映像の説明</summary>
<p>動画では、満開の桜が映し出されています。花びらが風に舞い、人々が穏やかな陽気の中を散歩しています。ベンチでは親子が楽しそうに会話をし、鳥のさえずりが聞こえます。遠くでは子供たちが凧揚げをしています。</p>
</details>
<!-- 視覚的に非表示にする場合 -->
<div class="sr-only">
<p><strong>映像の説明</strong></p>
<p>動画では、満開の桜が映し出されています。花びらが風に舞い、人々が穏やかな陽気の中を散歩しています。ベンチでは親子が楽しそうに会話をし、鳥のさえずりが聞こえます。遠くでは子供たちが凧揚げをしています。</p>
</div>
```
以下に該当するものは対象外
・内容を補足する重要な情報を含まない。
・動画がなくても内容や意図を十分に理解できる。
・動画が単なるデザイン要素として動きを付けているだけで、特別なメッセージ性がない。
・映像トラックにある情報のすべてが音声トラックですでに提供されている場合。
・音声(ナレーション、会話、インタビュー、音声ガイドなど)のない動画。
各ページの検査結果
ページ名 | 検査結果 | 達成基準チェックリスト |
---|---|---|
フロントエンド, UI/UX, アクセシビリティのリベロジック株式会社 https://www.liberogic.jp/ |
該当なし | 達成基準チェックリストを見る |
サービス | リベロジック株式会社 https://www.liberogic.jp/service/ |
該当なし | 達成基準チェックリストを見る |
フロントエンド実装 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/frontend/ |
該当なし | 達成基準チェックリストを見る |
ヘッドレスCMS構築 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/headless_cms/ |
該当なし | 達成基準チェックリストを見る |
UIデザイン | サービス | リベロジック株式会社 https://www.liberogic.jp/service/design/ |
該当なし | 達成基準チェックリストを見る |
ウェブアクセシビリティ対応 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/accessibility/ |
該当なし | 達成基準チェックリストを見る |
実績紹介 | リベロジック株式会社 https://www.liberogic.jp/works/ |
該当なし | 達成基準チェックリストを見る |
様々なソリューション | サービス | リベロジック株式会社 https://www.liberogic.jp/service/other_services/ |
該当なし | 達成基準チェックリストを見る |
私たちについて | リベロジック株式会社 https://www.liberogic.jp/about/ |
該当なし | 達成基準チェックリストを見る |
トピックス | リベロジック株式会社 https://www.liberogic.jp/topics/ |
該当なし | 達成基準チェックリストを見る |
お問い合わせ | リベロジック株式会社 https://www.liberogic.jp/contact/ |
該当なし | 達成基準チェックリストを見る |