ほかの内容を使う妨げにしない。

代替版だけでは足りない理由

講座の案内を開くと、30秒間の紹介音声が自動で流れ、止める手段も音量調整もないとします。音声を含まないテキスト版へのリンクはありますが、読み上げと紹介音声が重なり、そのリンクを探せません。

代替版を用意しても、それを選ぶ前の操作が妨げられている状態です。図の「改善した例」では自動再生をやめ、利用者が「紹介音声を再生」を選んだときに再生を始めるようにします。読み上げを聞きながら、本文やテキスト版を選べます。

これは自動再生による干渉をなくす例です。音声の詳しい条件は1.4.2「音声の制御」で説明しています。

対象となる4基準

次の4基準は、適合のために依存していないものを含め、ページ上のすべてのコンテンツに適用されます。背景音、装飾、広告なども確認します。それぞれの基準には、以下の条件があります。

1.4.2 音声の制御

音声が自動再生され、3秒より長く続く場合は、一時停止か停止、又はシステム全体と独立した音量調整が必要です。音量調整で対応する場合は、その音をゼロまで下げられるようにします。

2.1.2 キーボードトラップなし

キーボードで部品に操作位置を移せるなら、キーボードだけでそこから出られる必要があります。通常の矢印キーやTabキーなど、標準的な方法以外の操作が必要な場合は、出る方法を知らせます。

2.3.1 3 回の閃光、又は閾値以下

どの1秒間でも閃光は3回を超えない、又は基準で定める一般閃光及び赤色閃光の閾値を下回る必要があります。単に停止ボタンを置くことで、基準を超える閃光を認める要件ではありません。

2.2.2 一時停止、停止、非表示

動く・点滅する・スクロールする情報が、自動で始まり、5秒より長く続き、ほかの内容と並行して表示される場合は、一時停止・停止・非表示のいずれかの手段が必要です。ただし、その動きなどが必要不可欠な活動の一部である場合を除きます。

自動更新する情報も自動で始まり、ほかの内容と並行して表示される場合に対象となります。こちらは5秒の条件がなく、一時停止・停止・非表示・更新頻度の調整のいずれかの手段が必要です。自動更新が必要不可欠な活動の一部である場合は例外です。

この4基準を満たすことだけで、ページ全体がWCAGに適合するわけではありません。ほかの達成基準や適合要件も併せて確認します。

詳しい条件と技術の使い方

アクセシビリティ サポーテッドではない使い方、又はWCAGに適合しない使い方で技術を用いている場合、その技術がページの残りへのアクセスを妨げてはいけません。「アクセシビリティ サポーテッド」には、利用者の支援技術や、ブラウザーのアクセシビリティ機能が対応していることなどの条件があります。

また、適合のために依存していない技術は、次のどの状態でも、ページ全体が適合要件を満たす必要があります。

1. ブラウザーなどで、その技術が有効になっている。
2. ブラウザーなどで、その技術が無効になっている。
3. ブラウザーなどがその技術に対応していない。

「依存していない」とは、その技術が無効又は未対応でも、適合を保てることです。使えない部分を無視できるだけでなく、残りの情報や機能へのアクセスも妨げられないことを確認します。

確認のポイント

• 代替版へのリンクにたどり着くまで、音声・閃光・動き・操作から抜け出せない問題に妨げられませんか。
• 適合のために依存していない技術が、有効・無効・未対応の各状態でも、ページ全体の適合を保てますか。
• 広告や装飾を含め、4基準をそれぞれの条件に沿って確認しましたか。

参照資料

• WCAG 2.2 本体：適合要件5 非干渉（要件）
• W3C：適合要件5の解説（英語公開版）
• WAIC：適合要件5の解説（日本語訳）
• W3C：1.4.2 音声の制御の解説
• W3C：2.1.2 キーボードトラップなしの解説
• W3C：2.3.1 3回の閃光、又は閾値以下の解説
• W3C：2.2.2 一時停止、停止、非表示の解説

出典の最終確認: 2026-11-08。図はこの教材のために作った例です。