音声・映像コンテンツ

これらのガイドラインは、音声のみのコンテンツ、音声を含む動画コンテンツ、映像のみの動画コンテンツに関するものです。

音声・映像コンテンツの存在を明示する

音声・映像コンテンツの存在を認知できるようにする。

対象プラットフォーム

Web、モバイル

意図

視覚障害者、聴覚障害者が音声や映像を含むコンテンツの存在を認知できるようにする。

対応するWCAG 2.1の達成基準

達成基準1.1.1(レベルA)：
- Non-text Content
- 非テキストコンテンツ

参考情報

音声・映像コンテンツの存在を認知可能にする

チェック内容

チェックID：1411

ページ内に埋め込まれる音声/動画プレイヤーについて、適切なラベル付けがされていてそこにプレイヤーがあることが容易に認知できるようになっている。または
前後のテキストから、そこにプレイヤーがあることが推測できる。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

音声の自動再生

3秒以上の長さの音声を自動再生しない。

対象プラットフォーム

Web、モバイル

意図

スクリーン・リーダーの音声出力を阻害しない。

対応するWCAG 2.1の達成基準

達成基準1.4.2(レベルA)：
- Audio Control
- 音声の制御

参考情報

音声の自動再生とアクセシビリティー

チェック内容

チェックID：1421

3秒以上の長さの自動再生される音声コンテンツがない。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [CRITICAL]

チェックID：1441

3秒以上の長さの自動再生される音声コンテンツがない。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [CRITICAL]

動きを伴うコンテンツ

自動的に開始し5秒以上継続する、アニメーションや動画のなどの視覚的な動きを伴うコンテンツを作らない。そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、または非表示にすることができるようにする。

対象プラットフォーム

Web、モバイル

意図

ロービジョン者や認知障害者が、集中を阻害されないようにする。

対応するWCAG 2.1の達成基準

達成基準2.2.2(レベルA)：
- Pause, Stop, Hide
- 一時停止、停止、非表示

チェック内容

チェックID：1451

自動的に開始し5秒以上続く動画、アニメーションがない。または
動画やアニメーションを呈し、一時停止、または非表示にすることができる。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [MAJOR]

チェックID：1471

自動的に開始し5秒以上続く動画、アニメーションがない。または
動画やアニメーションを呈し、一時停止、または非表示にすることができる。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [MAJOR]

キーボード・トラップの回避

音声/動画のプレイヤーをページに埋め込む場合、そのコンポーネントにフォーカスした状態から、Tabキー、矢印キー、Escキーなどで抜け出すことができるようにする。

対象プラットフォーム

Web

意図

キーボードのみを利用している場合に、ページ中の特定のコンポーネントがページの他の部分へのアクセスを阻害しないようにする。

対応するWCAG 2.1の達成基準

達成基準2.1.2(レベルA)：
- No Keyboard Trap
- キーボードトラップなし

参考情報

キーボード・トラップが引き起こす問題

チェック内容

チェックID：0201

Tab/Shift+Tabキーによるフォーカスの移動時、特定の箇所からフォーカスが抜け出せないような状況が発生しない、または
特定の箇所からフォーカスが抜け出せない状態では、矢印キーやEscキーの押下といった簡単な操作でその状態を抜け出すことができる

特に注意が必要なコンポーネントの例：

動画や音声コンテンツのプレイヤー
ポップアップ・メニュー
モーダル・ダイアログ

対象: プロダクト
対象プラットフォーム: Web
重篤度: [CRITICAL]

チェック手順：Web

以下のキーボード操作によるチェックを見足していることを確認する。

キーボード操作によるチェック方法の例

Tabキーを使って、ページの先頭からフォーカスを順に移動し、以下を確認する：

TabキーまたはShift+Tabキーを押下しても、特定の場所からフォーカスが抜け出せないような状況が発生しない、または
TabキーやShift+Tabキーの押下でフォーカスが抜け出せない場合に、矢印キーやEscキーなど、簡単なキー操作でフォーカスを当該箇所から外すことができる。

テキスト情報と同等の内容にする

テキスト情報の代替情報として音声・映像コンテンツを用い、そのコンテンツがテキスト情報の代替であることを明示する。

対象プラットフォーム

Web、モバイル

意図

音声・映像コンテンツの利用ができないユーザーも支障なくコンテンツを利用できるようにする。

対応するWCAG 2.1の達成基準

達成基準1.2.1(レベルA)：
- Audio-only and Video-only (Prerecorded)
- 音声のみ及び映像のみ (収録済)
達成基準1.2.2(レベルA)：
- Captions (Prerecorded)
- キャプション (収録済)
達成基準1.2.3(レベルA)：
- Audio Description or Media Alternative (Prerecorded)
- 音声解説、又はメディアに対する代替 (収録済)
達成基準1.2.4(レベルAA)：
- Captions (Live)
- キャプション (ライブ)

参考情報

音声・映像コンテンツのアクセシビリティーを確保する

チェック内容

チェックID：1481

音声・映像コンテンツは、そのコンテンツがなくても不足なく情報が伝わるような内容で、そのコンテンツがテキスト情報の代替もしくは補助的な位置づけであることが明示されている。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [MAJOR]

チェックID：1501

音声・映像コンテンツは、そのコンテンツがなくても不足なく情報が伝わるような内容で、そのコンテンツがテキスト情報の代替もしくは補助的な位置づけであることが明示されている。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [MAJOR]

キャプションの提供

テキストの代替情報ではない音声・映像コンテンツにおいて、音声情報には、同期したキャプションを提供する。

対象プラットフォーム

Web、モバイル

意図

音声情報を理解できなくてもサービスの利用が困難にならないようにする。

聴覚障害者が、音声コンテンツおよび動画コンテンツ内の音声を理解できるようにする。

対応するWCAG 2.1の達成基準

達成基準1.2.2(レベルA)：
- Captions (Prerecorded)
- キャプション (収録済)
達成基準1.2.4(レベルAA)：
- Captions (Live)
- キャプション (ライブ)

参考情報

音声・映像コンテンツのアクセシビリティーを確保する

チェック内容

チェックID：1511

音声を含むコンテンツには、同期したキャプションが提供されている。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

チェックID：1531

音声を含むコンテンツには、同期したキャプションが提供されている。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

書き起こしテキストの提供

テキストの代替情報ではない、映像がなく音声のみの収録済みコンテンツの場合は、書き起こしテキストを提供する。

対象プラットフォーム

Web、モバイル

意図

音声コンテンツを理解できなくてもサービスの利用が困難にならないようにする。

聴覚障害者が音声のみのコンテンツを理解できるようにする。

対応するWCAG 2.1の達成基準

達成基準1.2.1(レベルA)：
- Audio-only and Video-only (Prerecorded)
- 音声のみ及び映像のみ (収録済)

参考情報

音声・映像コンテンツのアクセシビリティーを確保する

チェック内容

チェックID：1571

映像がない音声のみのコンテンツについて、音声を書き起こしたテキストが提供されている。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

チェックID：1591

映像がない音声のみのコンテンツについて、音声を書き起こしたテキストが提供されている。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

テキスト情報または音声解説の提供

テキストの代替情報ではない音声・映像コンテンツにおいて、映像がある収録済みコンテンツの場合、映像の内容が分かるような同期した音声情報、またはテキストによる説明を提供する。

対象プラットフォーム

Web、モバイル

意図

映像情報を理解できなくてもサービスの利用が困難にならないようにする。

視覚障害者が、映像コンテンツを理解できるようにする。

対応するWCAG 2.1の達成基準

達成基準1.2.3(レベルA)：
- Audio Description or Media Alternative (Prerecorded)
- 音声解説、又はメディアに対する代替 (収録済)

参考情報

音声・映像コンテンツのアクセシビリティーを確保する

チェック内容

チェックID：1541

動画は、元々収録されている音声トラックの内容から容易に映像を推測できる。または
動画には音声解説が含まれている。または
映像に関するテキストによる説明が提供されている。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

チェックID：1561

動画は、元々収録されている音声トラックの内容から容易に映像を推測できる。または
動画には音声解説が含まれている。または
映像に関するテキストによる説明が提供されている。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

音声解説の提供

すべての音声・映像コンテンツにおいて、映像がある収録済みコンテンツの場合、映像の内容が分かるような同期した音声情報を提供する。

対象プラットフォーム

Web、モバイル

意図

映像情報を理解できなくてもサービスの利用が困難にならないようにする。

視覚障害者が、映像コンテンツを理解できるようにする。

対応するWCAG 2.1の達成基準

達成基準1.2.3(レベルA)：
- Audio Description or Media Alternative (Prerecorded)
- 音声解説、又はメディアに対する代替 (収録済)
達成基準1.2.5(レベルAA)：
- Audio Description (Prerecorded)
- 音声解説 (収録済)

参考情報

音声・映像コンテンツのアクセシビリティーを確保する

チェック内容

チェックID：1542

動画は、元々収録されている音声トラックの内容から容易に映像を推測できる。または
動画には音声解説が含まれている。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

チェックID：1562

動画は、元々収録されている音声トラックの内容から容易に映像を推測できる。または
動画には音声解説が含まれている。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

手話の提供

収録済みコンテンツの音声情報には、同期した手話通訳を提供する。

対象プラットフォーム

Web、モバイル

意図

手話を主たる言語として使う聴覚障害者が、音声コンテンツまたは動画コンテンツ中の音声を理解できるようにする。

対応するWCAG 2.1の達成基準

達成基準1.2.6(レベルAAA)：
- Sign Language (Prerecorded)
- 手話 (収録済)

参考情報

音声・映像コンテンツのアクセシビリティーを確保する

チェック内容

チェックID：1601

動画の音声情報には同期した手話通訳が提供されている。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [MINOR]

チェックID：1621

動画の音声情報には同期した手話通訳が提供されている。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [MINOR]

充分に小さい背景音

映像がなく音声のみの収録済みコンテンツの場合で主たる発話音声があるとき、背景音がない、もしくは主たる発話音声に対して背景音の音量が少なくとも20db小さい状態にする。

対象プラットフォーム

Web、モバイル

意図

音声コンテンツの内容を聞き取りやすいものにする。

対応するWCAG 2.1の達成基準

達成基準1.4.7(レベルAAA)：
- Low or No Background Audio
- 小さな背景音、又は背景音なし

参考情報

音声・映像コンテンツのアクセシビリティーを確保する

チェック内容

チェックID：1631

音声コンテンツについて、充分に聴き取りやすい。

対象: デザイン
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]

チェックID：1651

音声コンテンツについて、充分に聴き取りやすい。

対象: プロダクト
対象プラットフォーム: Web、モバイル
重篤度: [NORMAL]