LEARN BY EXAMPLE
2.2.1 タイミング調整可能 レベル A
読むことや入力に必要な時間を確保する。
概要
コンテンツが設ける制限時間ごとに、解除・調整・延長のいずれかの方法を用意します。リアルタイムのイベントなど、基準で定める例外に当たる場合は除きます。
同じ申し込みで時間制限を解除する
入力に時間が必要な人も申し込みを完了したい。
利用者が困る例 10分の制限を変えられない
入力途中で時間切れになる。
時間を変えたり解除したりできず、入力を完了できません。「利用者が困る例」は操作できない静止図です。
改善した例 始める前に解除できる
講座の申し込み
入力前に制限時間を選ぶ
時間制限なしで入力を始める
制限時間:なし
図の入力欄です。送信されません。
自分のペースで入力を続けられる。
解除を選んでから、名前を入力できます。EnterキーやSpaceキーでも入力欄を開閉できます。
達成できないと起こる問題の例
手や指を動かしにくい人が講座の申込フォームへ入力します。10分で入力を終了する仕組みがあり、時間を変えたり解除したりできません。
利用者は入力を終える前に時間切れになり、申し込みを完了できません。読むことや入力に必要な時間は人や操作方法によって異なります。
達成するための改善例
同じフォームで入力を始める前に時間制限を解除できるようにします。この例では「時間制限なしで入力を始める」を選び、自分のペースで入力を続けられます。
解除は達成する方法の一つです。調整や延長で対応する場合も、それぞれの条件を満たす必要があります。
確認のポイント
- 画面やサーバーが設ける制限時間をすべて把握していますか。
- 制限時間ごとに下記の解除・調整・延長のいずれか、又は例外の条件を満たしていますか。
- 解除や調整を選べる場合、時間制限のある操作を始める前に設定できますか。
- 延長で対応する場合、時間切れ前の警告、少なくとも20秒の猶予、簡単な操作、少なくとも10回の延長を確認しましたか。
条件と補足
解除・調整・延長の違い
コンテンツが設ける制限時間ごとに、次のいずれかの方法で対応します。3つすべてを必須にする要件ではありません。
| 方法 | 条件 |
|---|---|
| 解除 | 時間制限のある操作を始める前に、利用者が制限時間を解除できる。 |
| 調整 | 操作を始める前に、初期設定の少なくとも10倍の長さまで含む広い範囲で、利用者が制限時間を調整できる。 |
| 延長 | 時間切れ前に警告し、簡単な操作で延長するための猶予を少なくとも20秒与える。この延長を少なくとも10回できる。 |
調整の「10倍」は時間の長さ、延長の「10回」は操作できる回数です。例えば、初期設定が10分の調整なら100分まで含む範囲を用意します。延長では時間を10倍にするという条件と取り違えません。
例外となる条件
次のいずれかに当たる制限時間は例外です。
- オークションなどのリアルタイムのイベントに制限時間が必須で、代わりの方法がない。
- 制限時間が必要不可欠で、延長するとその活動が成り立たなくなる。
- 制限時間が20時間より長い。
20時間ちょうどは「20時間より長い」に含まれません。「セキュリティのため」という理由だけで、すべての時間制限が例外になるわけではありません。
対象となる時間制限
フォームやログイン状態の期限など、制作者や運営者が設定する時間制限が対象です。サーバー側の期限も含みます。ブラウザーなど、コンテンツの外側で設定され、制作者が制御できない期限とは分けて確認します。
一時的な通知が消えても、同じ情報や機能を別の方法で時間に追われず利用できる場合があります。例えば、メール到着の通知が消えても受信箱から確認できる場合です。時間制限の有無は必要な情報や機能へ引き続きアクセスできるかで判断します。
この図は解除する方法を説明する体験例です。実際の時間切れや送信は起きません。ページやサイト全体のWCAG適合を示すものではありません。
参照資料
- WCAG 2.2 本体:2.2.1 Timing Adjustable(要件)
- WAIC:2.2.1 タイミング調整可能の解説(日本語訳)
- W3C:Understanding 2.2.1(英語公開版)
- W3C:G198 制限時間を解除する方法(実装例)
- W3C:G180 初期設定の10倍まで調整できる方法(実装例)
日本語訳の延長の「10倍」という表現は、英語勧告の「少なくとも10回」と照合し、本書では回数として説明しています。テクニックは達成方法の例で、唯一の必須手段ではありません。
出典の最終確認: 2026-11-09。講座の申し込みは架空の例です。