WCAG 3.2.2: 入力時
セレクトボックスで項目を選んだり、チェックボックスを切り替えたりした瞬間に、事前の予告なく自動送信や画面遷移を起こさないようにします。選択後に利用者が「送信」「決定」ボタンを押して確定する設計にするか、事前に動作を説明します。
意図的な失敗例: 入力だけで予期しない変化が起きる
選択した瞬間に送信されます。
選択した瞬間に送信される想定です。
確認観点
- select や input の change イベントで即座にページ遷移している箇所を確認する
- 選択後に利用者が明示的に押せる実行ボタン(「移動」「検索」など)を追加する
- 自動遷移が必要な場合は、入力欄の手前に「選択すると自動的にページが移動します」と事前案内を明記する
人の判断が必要な例
- プルダウンメニューをキーボードの矢印キーで選んでいる最中に、意図せず画面遷移が発生しないか確認する
補助ツール候補
- input-context-change
- form-structure
生成メモ
- 時間・セッション・ビジネスルール検証が必要