LEARN BY EXAMPLE

2.2.2 一時停止、停止、非表示 レベル A

自動で変わる表示を止めて読めるようにする。

概要

ほかの内容と並んで自動的に動いたり更新されたりする情報を、利用者が止めるなどして制御できるようにします。動き・点滅・スクロールと、自動更新では適用する条件が異なります。

同じお知らせの自動切替を止める

読み終えるまで同じお知らせを表示しておきたい。

利用者が困る例 止める手段がない

読む途中でも次へ変わる。
同じお知らせを表示し続ける手段がありません。「利用者が困る例」は変化の順を示す静止図です。

改善した例 止めたまま読める

講座のお知らせ

すべてのお知らせを表示しています。

写真教室
11月20日 10:00

書道教室
11月21日 13:00

絵画教室
11月22日 14:00

一時停止したまま本文も読める。
ボタンをEnterキーやSpaceキーで切り替えられます。停止中にフォーカスを移しても再開しません。

図:同じ3件のお知らせを比較。「改善した例」は8秒ごとに切り替わり、ボタンが押された状態では一時停止します。もう一度押すと再開します。アニメーションや閃光は使いません。

達成できないと起こる問題の例

文章を読むのに時間が必要な人が講座案内を読んでいます。お知らせが8秒ごとに自動で切り替わり、一時停止する操作がありません。

読み終わる前に次のお知らせへ変わるため、内容を確かめにくくなります。自動で変わり続ける表示に注意を引かれ、隣の案内へ集中しにくい人もいます。

達成するための改善例

同じお知らせに一時停止するボタンを用意します。利用者は切替を止めたままお知らせを読み、ページのほかの部分も利用できます。必要になれば再開できます。

図の「改善した例」は8秒ごとにお知らせが切り替わります。ボタンを押すと停止し、もう一度押すと再開します。止めた後にボタンからフォーカスを移しても、勝手に再開しません。

確認のポイント

  • 動き・点滅・スクロールと自動更新を、下の条件に分けて確認しましたか。
  • 一時停止・停止・非表示などの操作を、マウスでもキーボードでも使えますか。
  • 止めた後も、ページのほかの部分を利用できますか。フォーカスを外すとすぐ再開する仕組みになっていませんか。
  • 自動更新に「5秒までなら対象外」という条件を当てはめていませんか。

条件と補足

2つの種類で異なる条件

情報の種類 対象となる条件 用意する手段
動き・点滅・スクロール 自動で始まり、5秒より長く続き、ほかの内容と並行して表示される。 一時停止・停止・非表示のいずれか。
自動更新 自動で始まり、ほかの内容と並行して表示される。 一時停止・停止・非表示・更新頻度の調整のいずれか。

「5秒より長い」は動き・点滅・スクロールの条件です。自動更新にはこの時間条件がありません。5秒ちょうどは「5秒より長い」に含まれませんが、同じ表示に自動更新もある場合は、その条件を別に確認します。

表示が変わるたびに動きも伴う場合など、両方の条件に当たることもあります。動きと自動更新を同じものとして扱わず、必要な手段を確認します。

必要不可欠な動作の例外

その動きや更新が必要不可欠な動作の一部である場合は例外です。例えば、読み込み中にすべての利用者が操作できず、進行状況を示さなければ停止したと誤解されるような表示は、例外になり得ます。単に注意を引きたいという理由だけで例外にはなりません。

一時停止後の扱い

一時停止したまま、ページのほかの部分を使えることが必要です。ポインタやフォーカスをその場所に置いている間だけ止まり、別の部分を使うと再開する方法では十分ではありません。

再開時は情報の性質に応じて停止した位置から続けるか、最新の表示へ進めます。定期更新や配信される情報では、停止中に発生・受信した情報をすべて保存し、再開後に表示することまでは求めていません。

閃光や読み時間との違い

2.3.1「3回の閃光、又は閾値以下」は、光感受性発作につながる閃光を扱います。停止ボタンがあれば、基準を超える閃光を表示してよいという意味ではありません。読む時間の制限については2.2.1も確認します。

この基準は適合のために使わない部分も含め、ページ上のすべての内容に適用します。詳しくは非干渉の補足を参照してください。

図はお知らせの切替を一時停止する例で、ページやサイト全体のWCAG適合を示すものではありません。

参照資料

テクニックは達成方法の例で、唯一の必須手段ではありません。

出典の最終確認: 2026-11-09。講座のお知らせは架空の例です。