1.2.2 キャプション(収録済)
適合レベル:A
概要
収録済みの音声コンテンツに字幕があり、聴覚障害のある人も内容を理解できる。
対応方法
・動画に字幕を用意する
・BGMのみの動画の場合も対象外だが、字幕でBGMを説明するとより良い。(例:「♪ 穏やかなピアノの旋律が流れる」)
・1.2.1と同様、テキストで完全に説明されている情報の代替としての動画であれば、字幕は必須ではない
字幕の実装方法
・`<video>` 要素を使用する場合、`.vtt` ファイルを `<track>` 要素で`kind="subtitles"`として読み込む
・YouTube の場合、自動字幕を有効にするか、YouTube Studio から `.srt` 等の字幕ファイルをアップロードする
・音声の内容が字幕と同期して表示されることが重要(音声が発せられたタイミングで適切に字幕が表示される)
WEBVTTの例
```
00:00:01.000 --> 00:00:05.000
この映像では、春の公園の様子を紹介します。
00:00:10.500 --> 00:00:15.000
[♪ 穏やかなピアノの旋律が流れる]
```
以下に該当するものは対象外
・内容を補足する重要な情報を含まない。
・動画がなくても内容や意図を十分に理解できる。
・動画が単なるデザイン要素として動きを付けているだけで、特別なメッセージ性がない。
・音声(ナレーション、会話、インタビュー、音声ガイドなど)のない動画。
各ページの検査結果
ページ名 | 検査結果 | 達成基準チェックリスト |
---|---|---|
フロントエンド, 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/ |
該当なし | 達成基準チェックリストを見る |