音声・映像コンテンツ

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

存在を認知できる

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

ガイドライン

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

チェック内容
プロダクト（チェックID: 1411）

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

  • 前後のテキストから、そこにプレイヤーがあることが推測できる。

意図

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

対応するWCAG 2.1の達成基準

操作や理解を阻害しない

[MUST]音声の自動再生

ガイドライン

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

チェック内容
デザイン（チェックID: 1421）、プロダクト（チェックID: 1441）

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

意図

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

対応するWCAG 2.1の達成基準

[MUST]動きを伴うコンテンツ

ガイドライン

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

チェック内容
デザイン（チェックID: 1451）、プロダクト（チェックID: 1471）

  • 自動的に開始し5秒以上続く動画、アニメーションがない。または

  • 動画やアニメーションを呈し、一時停止、または非表示にすることができる。

意図

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

対応するWCAG 2.1の達成基準

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

ガイドライン

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

チェック内容
プロダクト（チェックID: 0201）

  • 何らかの機能を提供するためにページ中に埋め込まれているコンポーネントにフォーカスがあるとき、Tab, Shift+Tab, 矢印キー、ESCキーのいずれかの操作で、埋め込まれているものの外の領域にあるリンクなどにフォーカスを移動することができ、自動的にフォーカスが元の位置に戻されない。（例示有り）

意図

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

対応するWCAG 2.1の達成基準

例

  • 動画や音声コンテンツのプレイヤー

  • デート・ピッカーなど、フォーム入力のためにJavaScriptで実装されたコンポーネント

内容へのアクセス

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

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

ガイドライン

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

チェック内容
デザイン（チェックID: 1481）、プロダクト（チェックID: 1501）

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

意図

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

[MUST]キャプションの提供

ガイドライン

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

ただしライブ配信の場合は[SHOULD]

チェック内容
プロダクト（チェックID: 1531）

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

意図

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

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

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

ガイドライン

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

チェック内容
プロダクト（チェックID: 1591）

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

意図

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

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

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

ガイドライン

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

チェック内容
プロダクト（チェックID: 1561）

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

  • 動画には音声解説が含まれている。または

  • 映像に関するテキストによる説明が提供されている。

意図

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

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

[SHOULD]音声解説の提供

ガイドライン

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

チェック内容
プロダクト（チェックID: 1562）

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

  • 動画には音声解説が含まれている。

意図

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

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

[SHOULD]手話の提供

ガイドライン

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

チェック内容
プロダクト（チェックID: 1621）

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

意図

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

対応するWCAG 2.1の達成基準

[SHOULD]充分に小さい背景音

ガイドライン

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

チェック内容
プロダクト（チェックID: 1651）

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

意図

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

対応するWCAG 2.1の達成基準