解説書 達成基準 2.2.2:一時停止、停止、非表示 (レベル A)
要約
- 目標
- 更新又は動きのあるコンテンツに注意をそらされる利用者を少なくする。
- 何をすればよいか
- 他のコンテンツと並行して存在するコンテンツの変更を、利用者に制御させる。
- なぜそれが重要か
- 認知障害及び注意欠陥障害のある人の中には、持続する動きによって集中できなくなる人もいる。
意図
この達成基準の意図は、利用者がウェブページとやりとりしている間、他の事に注意をそらされないようにすることである。
「動き、点滅、スクロール」は、目に見えるコンテンツが動きの感覚を伝えているコンテンツのことを指している。一般的な例は、動画、同期したメディアによる提示、アニメーション、リアルタイムのゲーム、スクロールする株価表示などがある。「自動更新」は、あらかじめ設定された間隔で更新したり、消えたりするコンテンツのことを指している。一般的な時間依存コンテンツは、音声、自動的に更新される天気情報、ニュース、株価更新、及び自動進行する提示やメッセージなどがある。動き、点滅、スクロールするコンテンツ及び自動更新するコンテンツに対する要件は、次のものを除いて同じである:
- コンテンツが自動的に更新される際に、コンテンツ制作者が利用者に更新頻度を制御する手段を提供するという選択肢がある。
- 数秒間だけ自動更新をして、その後に停止するのはほとんど意味がないので、自動更新には 5 秒という例外はない。
動きのある又は自動更新するコンテンツは、動きのあるオブジェクトを追うのが困難な利用者だけでなく、動かないテキストをすばやく読み取ることが困難な利用者にも障壁になりうる。スクリーンリーダーにも問題が発生する可能性がある。
特定のグループ、具体的には注意欠陥障害をもつグループは、点滅しているコンテンツに気を取られ、ウェブページの他の部分に集中することが困難となる。5 秒は、利用者の注意を引くのに十分な長さであるが、ページを使用するために利用者が必要に応じて待つことができないほど長くはないために選択された。
一時停止したコンテンツは、リアルタイムで再開するか、利用者が一時停止したところから再生を続けるかのどちらかである。
-
一時停止した後、利用者が一時停止したところから再開することが、コンテンツを読むために一時停止したいと思う利用者にとっては最適であり、コンテンツがリアルタイムのイベント又は状態に関係のないときには最も良い方法である。
注記
読むための制限時間に関するその他の要件については、達成基準 2.2.1 タイミング調整可能 を参照のこと。
-
一時停止した後、(一時停止を解除した時に) 最新の表示へ移ることが、リアルタイム又は「状態」が本質であるような情報にとってよりよいことである。例えば、気象レーダー、株価表示、交通情報カメラ、又はオークションのタイマーなどは、コンテンツ再開時に一時停止したことで古い情報が表示されると、誤った情報を提供してしまうことになる。
注記
コンテンツを非表示にすることは、一時停止した後、(一時停止を解除した時に) 最新の表示へ移るのと同じ効果が得られる。
あるメカニズムが「利用者が一時停止するためのメカニズム」とみなされるためには、利用者又はフォーカスを拘束してページを使用できなくすることのない、一時停止の手段を利用者に提供しなければならない。ここでの「一時停止」という単語は「一時停止ボタン」という意味で使われているが、ボタンではないほかのメカニズムを使用することもできる。利用者がフォーカスしている間だけアニメーションを停止させる (利用者がフォーカスを移動するとすぐに再開する) ものは、その最中にページを使用できなくするため、「利用者が一時停止するためのメカニズム」とはみなされず、この達成基準を満たさないだろう。
「点滅」と「閃光」は、同じコンテンツを指すこともあることに注意することが重要である。
- 「点滅」は、利用者の注意を散漫にさせる問題を引き起こすコンテンツを指す。点滅は、その点滅が停止する (又は停止させることができる) 限り、短時間であれば許容できる。
- 「閃光」は、(1 秒間に 3 回よりも多く、大きさ及び明るさが十分な場合に) 光感受性発作を引き起こす恐れのあるコンテンツを指す。これは、たとえ 1 秒間だけであったとしても許容されず、さもなければ光感受性発作を引き起こす恐れがある。そして、光感受性発作は利用者が閃光を停止するよりも速く発生する恐れがあるため、閃光を停止させることも選択肢にはならない。
- 通常、点滅は 1 秒間に 3 回以上の速度で起こらないが、その可能性はある。点滅が 1 秒間に 3 回を超える速さで起こる場合、これはまた閃光とみなされるであろう。
利点
- 5 秒後に点滅を停止するコンテンツを提供すること、又は利用者が点滅するコンテンツを停止できるメカニズムを提供することで、特定の障害のある利用者がウェブページを利用できるようになる。
- 点滅するコンテンツの一つの使い方は、そのコンテンツへ利用者の注意を引くことである。これは画面を見ているすべての利用者に対して効果的な達成方法ではあるが、点滅が続くとある利用者に対しては問題を引き起こす恐れがある。読み書き能力の低い利用者、読字障害及び知的障害のある利用者、及び注意力欠如障害のある利用者などにとっては、点滅するコンテンツは残りのウェブページの利用を困難にしたり、ときには不可能にしてしまうことがある。
事例
- 利用者の行動に影響を与えずに一時停止できる基本的なアニメーション
- あるウェブサイトは、プロセスを説明するアニメーションによって、利用者が「どのように機能するか」を理解するための手助けをしている。アニメーションには「一時停止」と「再開」のボタンがある。
- 株式相場表示機
- 株式相場表示機には、「一時停止」と「再開」のボタンがある。株式相場表示機を一時停止すると、現在表示している株価のところで一時停止する。再開すると、株式相場表示機は停止したところから再開するが、表示が遅れていることを示す注意書きが表示される。株式相場表示機の目的は、通常はリアルタイムの情報を提供することなので、株式相場表示機を最新の取引株価に進めるボタンもあるかもしれない。
- 利用者がリアルタイムで競い合うのではなく、交代で行うように設計されたゲーム
- 一つのグループが、ゲームの競争時の形勢を無効にすることなく、ゲームを一時停止することができる。
- ウェブ広告
- 広告は、閲覧者の注意を引くために点滅するが、5 秒後に停止する。
- フォームのプロンプト
- フォームは、利用者がフォームへの記入を終えたが送信ボタンを動作させない場合、送信ボタンの近くにある矢印が点滅する。その点滅は 5 秒後に停止する。
- アニメーション
- アニメーションはページの上部で再生されるが、アニメーションの下側には「アニメーションを一時停止する」ボタンがある。
- 「読み込み中」のアニメーション
- 再生開始できるまでに大容量ファイルの何パーセントかがダウンロードされている必要があるページ上で、読み込み中であることを示すアニメーションが表示されている。ページ上のコンテンツはそのアニメーションだけで、映像を読み込んでいる間、利用者にしばらく待つ必要があることを知らせている。接続回線の遅い利用者に対してアニメーションが5秒以上再生されていたとしても、その動きのあるコンテンツは他のコンテンツと同時に表示されていないので、アニメーションを一時停止、停止、又は非表示にするメカニズムを提供する必要はない。
- 全面広告
- サイトは、利用者がサイトで利用できる無料コンテンツにアクセスする前に、すべての利用者に 15 秒の広告を閲覧することを要求している。広告を閲覧することはすべての利用者に対する要求であり、他のコンテンツと同時に表示されていないので、広告を一時停止、停止、又は非表示にするメカニズムを提供する必要はない。
テクニック
この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断するテクニック、又は複数のテクニックの組み合わせを表している。しかしながら、必ずしもこれらのテクニックを用いる必要はない。その他のテクニックについての詳細は、WCAG 達成基準のテクニックを理解するの「その他のテクニック」を参照のこと。
十分なテクニック
- G4: Allowing the content to be paused and restarted from where it was paused
- SCR33: Using script to scroll content, and providing a mechanism to pause it
- G11: Creating content that blinks for less than 5 seconds
- G187: Using a technology to include blinking content that can be turned off via the user agent
- G152: Setting animated gif images to stop blinking after n cycles (within 5 seconds)
- SCR22: Using scripts to control blinking and stop it in five seconds or less
- G186: Using a control in the Web page that stops moving, blinking, or auto-updating content
- G191: Providing a link, button, or other mechanism that reloads the page without any blinking content
失敗例
以下に挙げるものは、WCAG ワーキンググループが達成基準の失敗例とみなした、よくある間違いである。
- F16: Failure of Success Criterion 2.2.2 due to including scrolling content where movement is not essential to the activity without also including a mechanism to pause and restart the content
- F47: Failure of Success Criterion 2.2.2 due to using the blink element
- F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five seconds
- F50: Failure of Success Criterion 2.2.2 due to a script that causes a blink effect without a mechanism to stop the blinking at 5 seconds or less
- F7: Failure of Success Criterion 2.2.2 due to an object or applet for more than five seconds
重要な用語
注意を引く意図で、二つの視覚的な状態を交互に切り替えること。
注記
閃光も参照。ある程度の面積をもち、ある程度の明るさ、特定の頻度で点滅するものは、閃光に分類されることもありうる。
もし取り除いてしまうと、コンテンツの情報又は機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。
相対輝度の相反する変化の組合せで、十分な広さを持ち、かつ特定の頻度の場合に、一部の人に発作を誘発する恐れがあるもの。
注記
許容されない閃光の種類に関する情報は、一般閃光閾値及び赤色閃光閾値を参照。
注記
点滅も参照。
次のいずれかに該当する場合、閃光、又は急速に変化する映像シーケンスは、閾値を下回っている (すなわち、コンテンツは基準を満たしている) ことになる:
- あらゆる 1 秒間において、一般閃光及び／もしくは赤色閃光は 3 回以下である。又は、
- 典型的な閲覧距離で、同時に発生する閃光の領域の合計が、画面上のどの視野 10 度内で、合計 0.006 ステラジアン (画面上の視野 10 度の 25％) よりも多くを占めていない。
ここで:
- 一般閃光とは、相対輝度の相反する変化が相対輝度の最大値 (1.0) の 10％以上となる組合せであり、暗いほうの映像の相対輝度が 0.80 未満であるもの、として定義される。ここでいう「相反する変化の組合せ」とは、増加した後に減少する、又は減少した後に増加するものである。そして、
- 赤色閃光は、彩度の高い赤色を含んだ相反する遷移として定義される。
例外: ホワイトノイズや、1 辺が (典型的な閲覧距離における視野の) 0.1 度未満の市松模様のような細かくバランスの取れた閃光は、閾値を超えることにはならない。
注記
一般的なソフトウェア又はウェブコンテンツの場合、コンテンツを 1024 × 768 ピクセルで表示したときに画面上の任意の場所で 341 × 256 ピクセルの矩形を使用すると、標準的な画面サイズ及び視聴距離 (例: 15～17 インチの画面を 22～26 インチの距離で視聴) における視野 10 度の適切な見積もりとなる。この 75～85 ppi という解像度は、CSS 仕様の規定ピクセル解像度である 96 ppi よりも低いことが知られており、したがってより保守的である。高解像度のディスプレイでは、同じコンテンツのレンダリングを表示するとより小さく安全な画像が得られるため、閾値の定義には低めの解像度を使用している。
注記
遷移とは、相対輝度 (赤色閃光の相対輝度/色) の計測値を時間軸でプロットしたときの隣接する山と谷の間の相対輝度 (赤色閃光の相対輝度/色) の変化である。閃光は、2 つの相反する遷移で構成される。
注記
この分野における「彩度の高い赤色を含む相反する遷移の組合せ」 の (WCAG 2.2 からの) 新しい実用的定義は、一方の遷移が、R / (R＋G＋B) の値が 0.8 以上の状態への遷移、又はその状態からの遷移であり、かつ、状態間の差が、CIE 1976 UCS 色度図において0.2 (単位なし) 以上である、相反する遷移の組合せである。 [ISO_9241-391]
注記
ビデオの画面キャプチャから分析を行うツールを利用できる。しかし、閃光があらゆる 1 秒間の間隔において 3 回以下であれば、ツールでこの条件を満たしているかどうかを確認する必要はない。コンテンツは自動的に条件を満たすことになる (上記 1.及び 2.を参照)。
利用者の要求により停止し、利用者の要求があるまで再開しない。
最も暗い黒を 0 に、最も明るい白を 1 に正規化した色空間内の任意の点の相対的な明るさ。
注記
sRGB 色空間においては、色の相対輝度は、L = 0.2126 * R + 0.7152 * G + 0.0722 * B と定義されており、R、G 及び B は以下のように定義される:
- RsRGB <= 0.04045 の場合 R = RsRGB/12.92、そうでない場合 R = ((RsRGB+0.055)/1.055) ^ 2.4
- GsRGB <= 0.04045 の場合 G = GsRGB/12.92、そうでない場合 G = ((GsRGB+0.055)/1.055) ^ 2.4
- BsRGB <= 0.04045 の場合 B = BsRGB/12.92、そうでない場合 B = ((BsRGB+0.055)/1.055) ^ 2.4
そして、RsRGB、GsRGB、及び BsRGB は、次のように定義される:
- RsRGB = R8bit/255
- GsRGB = G8bit/255
- BsRGB = B8bit/255
^ という記号は、指数演算子である (計算式は、[SRGB] を参考にしている)。
注記
2021 年 5 月以前は、定義にある 0.04045 の値が異なっていた (0.03928)。これは、古いバージョンの仕様から取り込んだものであり、現在は更新されている。本ガイドラインの文脈における計算には、実質的な影響はない。
注記
ウェブコンテンツを閲覧するのに今日用いられているほとんどすべてのシステムは、sRGB 符号化を前提としている。コンテンツを処理して表示するのに別の色空間が用いられている事が分かっているのでない限り、コンテンツ制作者は sRGB 色空間を用いて検証するべきである。もしその他の色空間を用いるのであれば、達成基準 1.4.3 を参照。
注記
表示時にディザリングが発生する場合は、元の色の値が用いられる。元々ディザリングがかけられている色については、用いられている色の平均値を用いるべきである (R の平均値、G の平均値、及び B の平均値)。
注記
コントラストと閃光を検証する際に、この計算を自動で行うツールが利用できる。
注記
MathML を用いて相対輝度の定義を与える別のページでもこの計算式を表示できる。
テストルール
以下は、この達成基準の特定の側面に関するテストルールである。この特定のルールを使用して WCAG に適合しているかどうかを確認する必要はないが、これらのルールは定義され、承認されたテスト方法である。テストルールの使用については、WCAG 達成基準のテストルールを理解するを参照のこと。