アクセシビリティ資料 検査項目事例集 WCAG 2.2.2

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

自動で始まる動き・点滅・スクロールが5秒を超えて他の内容と並行する場合、または自動更新が他の内容と並行する場合(自動更新は5秒の条件によらず)、一時停止・停止・非表示、もしくは更新頻度の制御ができるか確認します。利用者が集中を乱されずにコンテンツを閲覧できるようにします。

Level A 確認方法: 手動確認

意図的な失敗例: 自動更新を停止できない

自動更新するニュースに停止ボタンがありません。

速報が自動更新される想定ですが、停止ボタンがありません。

確認観点

  • カルーセル、スライダー、背景動画、アニメーション、ニュースティッカー、自動更新領域を確認する
  • 5秒を超えて動き続けるコンテンツに、利用者が明示的に操作できる「一時停止」「停止」「非表示」ボタンを用意する
  • 株価や速報などの自動更新領域には、更新を一時停止できるか、更新頻度を変更できる操作手段を提供する
  • 自動再生される動画や音声には、即座に操作できる一時停止やミュートのコントロールを配置する

人の判断が必要な例

  • 動きや点滅が本文の読解、フォーム入力、キーボード操作を妨げていないか確認する
  • カルーセルの前へ・次へボタンだけでなく、自動送り(オートプレイ)そのものを停止できるか確認する
  • CSSやJavaScript、GIFアニメーション、動画埋め込みなど、あらゆる動きの制御手段を確認する

補助ツール候補

  • animation-detect
  • video-captions
  • keyboard-operability

生成メモ

  • 非干渉(操作継続への影響)観点で確認
  • 時間・セッション・ビジネスルール検証が必要