一時停止、停止、非表示:
達成基準 2.2.2 を理解する
2.2.2 一時停止、停止、非表示: 動きのある、点滅している、スクロールする、又は自動更新する情報は、次のすべての事項を満たしている: (レベル A)
動き、点滅、スクロール: 動きのある、点滅している、又はスクロールしている情報が、(1) 自動的に開始し、(2) 5秒よりも長く継続し、かつ、(3) その他のコンテンツと並行して提示される場合、利用者がそれらを一時停止、停止、又は非表示にすることのできるメカニズムがある。ただし、その動き、点滅、又はスクロールが必要不可欠な動作の一部である場合は除く。
自動更新: 自動更新する情報が、(1) 自動的に開始し、 (2) その他のコンテンツと並行して提示される場合、利用者がそれを一時停止、停止、もしくは非表示にする、又はその更新頻度を調整することのできるメカニズムがある。ただし、その自動更新が必要不可欠な動作の一部である場合は除く。
注記 1: 画面がちらつく、又は閃光を放つコンテンツに関する要件は、ガイドライン 2.3を参照。
注記 2: この達成基準を満たさないコンテンツでは、利用者がそのウェブページ全体を使用できない恐れがあるため、ウェブページ上のすべてのコンテンツは他の達成基準を満たすために用いられているか否かにかかわらず、この達成基準を満たさなければならない。適合要件 5: 非干渉を参照。
注記 3: 定期的にソフトウェアによって自動的に更新されるコンテンツ、又はユーザエージェントにストリーム配信されるコンテンツでは、コンテンツ再生の一時停止と再開の操作の間に生成、又は受信される情報を保持、又は提示する必要はない。これは技術的に不可能であることが考えられ、多くの状況において利用者の混乱を招くことにつながる可能性があるためである。
注記 4: コンテンツの読み込み中やそれに類似した状況の一部として表示されるアニメーションについては、この段階ですべての利用者に対していかなるインタラクションも発生する可能性がなく、かつコンテンツ読み込みの進行状況を表示しないことが利用者の混乱を招いたり、コンテンツが動作を停止した、又はコンテンツが破損しているという誤解を生じたりする可能性がある場合には、必要不可欠なものと考えることができる。
この達成基準の意図
この達成基準の意図は、利用者がウェブページとやりとりしている間、他の事に注意をそらされないようにすることである。
「動き、点滅、スクロール」は、目に見えるコンテンツが動きの感覚を伝えているコンテンツのことを指している。一般的な例は、動画、同期したメディアによる提示、アニメーション、リアルタイムのゲーム、スクロールする株価表示などがある。「自動更新」は、あらかじめ設定された間隔で更新したり、消えたりするコンテンツのことを指している。一般的な時間依存コンテンツは、音声、自動的に更新される天気情報、ニュース、株価更新、及び自動進行する提示やメッセージなどがある。動き、点滅、スクロールするコンテンツ及び自動更新するコンテンツに対する要件は、次のものを除いて同じである:
コンテンツが自動的に更新される際に、コンテンツ制作者が利用者に更新頻度を制御する手段を提供するという選択肢がある。
5 秒間だけ自動更新をして,その後に停止するのはほとんど意味がないので、自動更新には 5 秒という例外はない。
訳注: 原文では "three second" と記述されているが、達成基準に記載されている内容から「5 秒」が正しい値であると判断し、秒数を修正している。
動きのある又は自動更新するコンテンツは、動きのあるオブジェクトを追うのが困難な利用者だけでなく、動かないテキストをすばやく読み取ることが困難な利用者にも障壁になりうる。スクリーンリーダーにも問題が発生する可能性がある。
特定のグループ、具体的には注意欠陥障害をもつグループは、点滅しているコンテンツに気を取られ、ウェブページの他の部分に集中することが困難となる。5 秒は、利用者の注意を引くのに十分な長さであるが、ページを使用するために利用者が必要に応じて待つことができないほど長くはないために選択された。
一時停止したコンテンツは、リアルタイムで再開するか、利用者が一時停止したところから再生を続けるかのどちらかである。
一時停止した後、利用者が一時停止したところから再開することが、コンテンツを読むために一時停止したいと思う利用者にとっては最適であり、コンテンツがリアルタイムのイベント又は状態に関係のないときには最も良い方法である。
注記: 読むための制限時間に関するその他の要件については、 達成基準 2.2.1 タイミング調整可能を理解する を参照のこと。
一時停止した後、(一時停止を解除した時に) 最新の表示へ移ることが、リアルタイム又は本来の「状態」にある情報にとってよりよいことである。例えば、気象レーダー、株価表示、交通情報カメラ、又はオークションのタイマーなどは、コンテンツ再開時に一時停止したことで古い情報が表示されると、誤った情報を提供してしまうことになる。
注記: コンテンツを非表示にすることは、一時停止した後、(一時停止を解除した時に) 最新の表示へ移るのと同じ効果が得られる。
メカニズムが「利用者が一時停止するためのメカニズム」と判断されるためには、それが利用者に一時停止の手段として提供されつつも、利用者やフォーカスをそこに縛り付けてページが使用できなくなるようなものではない必要がある。ここでの「一時停止」という単語は「一時停止ボタン」という意味で使われているが、ボタンではないほかのメカニズムを使用することもできる。利用者がフォーカスしている時だけアニメーションが停止する(そしてフォーカスを解除し次第再開する)ようなものは、その過程でページが使い物にならなくするため「利用者が一時停止するためのメカニズム」とは判断されず、この達成基準も満たさないだろう。
「点滅」と「閃光」は、同じコンテンツを指すこともあることに注意することが重要である。
「点滅」は、利用者の注意を散漫にさせる問題を引き起こすコンテンツを指している。点滅は、それを停止する (又は停止させることができる) 限り、短時間であれば許容することができる。
「閃光」は、(1 秒間に 3 回よりも多く、大きさと明るさが十分な場合には) 光過敏性発作を引き起こす恐れのあるコンテンツを指している。これは、光過敏性発作を引き起こす恐れがあるため、たとえ 1 秒間だけであったとしても許容されない。光過敏性発作は利用者が止める前に引き起こす恐れがあるため、閃光を止めることも選択肢にはならない。
通常、点滅は 1 秒間に 3 回以上の頻度では起こらないが、点滅を 1 秒間に 3 回以上の頻度で起こすこともできる。点滅が 1 秒間に 3 回以上の頻度で起こる場合には、それも閃光とみなされるであろう。
達成基準 2.2.2 の具体的なメリット:
5 秒後に点滅を停止するコンテンツを提供すること、又は利用者が点滅するコンテンツを停止できるメカニズムを提供することで、特定の障害のある利用者がウェブページを利用できるようになる。
点滅するコンテンツの一つの使い方は、そのコンテンツへ利用者の注意を引くことである。これは画面を見ているすべての利用者に対して効果的な達成方法ではあるが、点滅が続くとある利用者に対しては問題を引き起こす恐れがある。読み書き能力の低い利用者、読字障害及び知的障害のある利用者、及び注意力欠如障害のある利用者などにとっては、点滅するコンテンツは残りのウェブページの利用を困難にしたり、ときには不可能にしてしまうことがある。
達成基準 2.2.2 の事例
利用者の行動に影響を与えずに一時停止できる基本的なアニメーション
あるウェブサイトは、プロセスを説明するアニメーションによって、利用者が「どのように機能するか」を理解するための手助けをしている。アニメーションには「一時停止」と「再開」のボタンがある。
株式相場表示機
株式相場表示機には、「一時停止」と「再開」のボタンがある。株式相場表示機を一時停止すると、現在表示している株価のところで一時停止する。再開すると、株式相場表示機は停止したところから再開するが、表示が遅れていることを示す注意書きが表示される。株式相場表示機の目的は、通常はリアルタイムの情報を提供することなので、株式相場表示機を最新の取引株価に進めるボタンもあるかもしれない。
利用者がリアルタイムで競い合うのではなく、交代で行うように設計されたゲーム
一つのグループが、ゲームの競争での形勢を無効にすることなく、ゲームを一時停止することができる。
ウェブ広告
広告は、閲覧者の注意を引くために点滅するが、5 秒後に停止する。
フォームのプロンプト
フォームは、利用者がフォームへの記入を終えたが送信ボタンを動作させない場合、送信ボタンの近くにある矢印が点滅する。その点滅は 5 秒後に停止する。
アニメーション
アニメーションはページの上部で再生されるが、アニメーションの下側には「アニメーションを一時停止する」ボタンがある。
「読み込み中」のアニメーション
再生開始できるまでに大容量ファイルの何パーセントかがダウンロードされている必要があるページ上で、読み込み中であることを示すアニメーションが表示されている。ページ上のコンテンツはそのアニメーションだけで、映像を読み込んでいる間、利用者にしばらく待つ必要があることを知らせている。接続回線の遅い利用者に対してアニメーションが5秒以上再生されていたとしても、その動きのあるコンテンツは他のコンテンツと同時に表示されていないので、アニメーションを一時停止、停止、又は非表示にするメカニズムを提供する必要はない。
全面広告
サイトは、利用者がサイトで利用できる無料コンテンツにアクセスする前に、すべての利用者に 15 秒の広告を閲覧することを要求している。広告を閲覧することはすべての利用者に対する要求であり、他のコンテンツと同時に表示されていないので、広告を一時停止、停止、又は非表示にするメカニズムを提供する必要はない。
関連リソース
リソースは、情報提供のみを目的としており、推奨を意味するものではない。
(今のところ、文書化されていない)
達成基準 2.2.2 の達成方法及び失敗例 - 一時停止、停止、非表示
この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する達成方法、又は複数の達成方法の組み合わせを表している。しかしながら、必ずしもこれらの達成方法を用いる必要はない。その他の達成方法についての詳細は、WCAG 達成基準の達成方法を理解するの「その他の達成方法」を参照のこと。
十分な達成方法
SL11: Pausing or Stopping A Decorative Silverlight Animation (Silverlight)
SL12: Pausing, Stopping, or Playing Media in Silverlight MediaElements (Silverlight)
SCR33: コンテンツをスクロールし、かつそれを一時停止するメカニズムを提供するためにスクリプトを使用する (Scripting)
FLASH35: Flash コンテンツをスクロールさせて、それを停止させるメカニズムを提供するために、スクリプトを使用する (Flash)
SCR22: 点滅を制御し、5 秒以内に停止させるために、スクリプトを使用する (Scripting)
SL24: Using AutoPlay to Keep Silverlight Media from Playing Automatically (Silverlight)
2.2.2 でさらに対応が望まれる達成方法 (参考)
適合のために必須ではないが、コンテンツをよりアクセシブルにするために、次の追加の達成方法を検討することが望ましい。ただし、すべての状況において、すべての達成方法が使用可能、又は効果的であるとは限らない。
ウェブページ内で点滅するすべてのコンテンツを止めるメカニズムを提供する (リンク追加予定)
5秒以内に自動的に止まるとしても、利用者が動きのあるコンテンツを止めるための手段を提供する。(リンク追加予定)
達成基準 2.2.2 のよくある失敗例
以下に挙げるものは、WCAG ワーキンググループが達成基準 2.2.2 の失敗例とみなした、よくある間違いである。
F16: 達成基準 2.2.2 の失敗例 - コンテンツを一時停止及び再開するメカニズムなしで、動きが操作に不可欠ではないところにスクロールするコンテンツを含んでいる
F4: 達成基準 2.2.2 の失敗例 - 5 秒未満で停止させるメカニズムを提供せずに、text-decoration:blink を使用している
F50: 達成基準 2.2.2 の失敗例 - 5 秒以内に点滅を停止するメカニズムなしに、点滅効果を引き起こすスクリプト
F7: 達成基準 2.2.2 の失敗例 - 5 秒よりも長く点滅するコンテンツを一時停止するメカニズムなしでコンテンツを点滅している、Java 又は Flash などのオブジェクト又はアプレット
重要な用語
- 一時停止 (paused)
利用者の要求により停止し、利用者の要求があるまで再開しない。
- 必要不可欠 (essential)
もし取り除いてしまうと、コンテンツの情報あるいは機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。
- 点滅 (blinking)
注意を引く意図で、二つの視覚的な状態を交互に切り替えること。
注記: 閃光も参照。ある程度の面積をもち、ある程度の明るさ、特定の頻度で点滅するものは、閃光に分類されることもありうる。