LEARN BY EXAMPLE
2.2.2 一時停止、停止、非表示 レベル A
自動で変わる表示を止めて読めるようにする。
概要
ほかの内容と並んで自動的に動いたり更新されたりする情報を、利用者が止めるなどして制御できるようにします。動き・点滅・スクロールと、自動更新では適用する条件が異なります。
同じお知らせの自動切替を止める
読み終えるまで同じお知らせを表示しておきたい。
利用者が困る例 止める手段がない
読む途中でも次へ変わる。
同じお知らせを表示し続ける手段がありません。「利用者が困る例」は変化の順を示す静止図です。
改善した例 止めたまま読める
講座のお知らせ
すべてのお知らせを表示しています。
写真教室
11月20日 10:00
書道教室
11月21日 13:00
絵画教室
11月22日 14:00
一時停止したまま本文も読める。
ボタンをEnterキーやSpaceキーで切り替えられます。停止中にフォーカスを移しても再開しません。
達成できないと起こる問題の例
文章を読むのに時間が必要な人が講座案内を読んでいます。お知らせが8秒ごとに自動で切り替わり、一時停止する操作がありません。
読み終わる前に次のお知らせへ変わるため、内容を確かめにくくなります。自動で変わり続ける表示に注意を引かれ、隣の案内へ集中しにくい人もいます。
達成するための改善例
同じお知らせに一時停止するボタンを用意します。利用者は切替を止めたままお知らせを読み、ページのほかの部分も利用できます。必要になれば再開できます。
図の「改善した例」は8秒ごとにお知らせが切り替わります。ボタンを押すと停止し、もう一度押すと再開します。止めた後にボタンからフォーカスを移しても、勝手に再開しません。
確認のポイント
- 動き・点滅・スクロールと自動更新を、下の条件に分けて確認しましたか。
- 一時停止・停止・非表示などの操作を、マウスでもキーボードでも使えますか。
- 止めた後も、ページのほかの部分を利用できますか。フォーカスを外すとすぐ再開する仕組みになっていませんか。
- 自動更新に「5秒までなら対象外」という条件を当てはめていませんか。
条件と補足
2つの種類で異なる条件
| 情報の種類 | 対象となる条件 | 用意する手段 |
|---|---|---|
| 動き・点滅・スクロール | 自動で始まり、5秒より長く続き、ほかの内容と並行して表示される。 | 一時停止・停止・非表示のいずれか。 |
| 自動更新 | 自動で始まり、ほかの内容と並行して表示される。 | 一時停止・停止・非表示・更新頻度の調整のいずれか。 |
「5秒より長い」は動き・点滅・スクロールの条件です。自動更新にはこの時間条件がありません。5秒ちょうどは「5秒より長い」に含まれませんが、同じ表示に自動更新もある場合は、その条件を別に確認します。
表示が変わるたびに動きも伴う場合など、両方の条件に当たることもあります。動きと自動更新を同じものとして扱わず、必要な手段を確認します。
必要不可欠な動作の例外
その動きや更新が必要不可欠な動作の一部である場合は例外です。例えば、読み込み中にすべての利用者が操作できず、進行状況を示さなければ停止したと誤解されるような表示は、例外になり得ます。単に注意を引きたいという理由だけで例外にはなりません。
一時停止後の扱い
一時停止したまま、ページのほかの部分を使えることが必要です。ポインタやフォーカスをその場所に置いている間だけ止まり、別の部分を使うと再開する方法では十分ではありません。
再開時は情報の性質に応じて停止した位置から続けるか、最新の表示へ進めます。定期更新や配信される情報では、停止中に発生・受信した情報をすべて保存し、再開後に表示することまでは求めていません。
閃光や読み時間との違い
2.3.1「3回の閃光、又は閾値以下」は、光感受性発作につながる閃光を扱います。停止ボタンがあれば、基準を超える閃光を表示してよいという意味ではありません。読む時間の制限については2.2.1も確認します。
この基準は適合のために使わない部分も含め、ページ上のすべての内容に適用します。詳しくは非干渉の補足を参照してください。
図はお知らせの切替を一時停止する例で、ページやサイト全体のWCAG適合を示すものではありません。
参照資料
- WCAG 2.2 本体:2.2.2 Pause, Stop, Hide(要件)
- WAIC:2.2.2 一時停止、停止、非表示の解説(日本語訳)
- W3C:Understanding 2.2.2(英語公開版)
- W3C:G4 一時停止と再開の方法(実装例)
- W3C:G186 動きや自動更新を止める方法(実装例)
テクニックは達成方法の例で、唯一の必須手段ではありません。
出典の最終確認: 2026-11-09。講座のお知らせは架空の例です。