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