アクセシビリティ資料 検査項目事例集 WCAG 3.2.2

WCAG 3.2.2: 入力時

セレクトボックスで項目を選んだり、チェックボックスを切り替えたりした瞬間に、事前の予告なく自動送信や画面遷移を起こさないようにします。選択後に利用者が「送信」「決定」ボタンを押して確定する設計にするか、事前に動作を説明します。

Level A 確認方法: 手動確認

意図的な失敗例: 入力だけで予期しない変化が起きる

選択した瞬間に送信されます。

選択した瞬間に送信される想定です。

確認観点

  • select や input の change イベントで即座にページ遷移している箇所を確認する
  • 選択後に利用者が明示的に押せる実行ボタン(「移動」「検索」など)を追加する
  • 自動遷移が必要な場合は、入力欄の手前に「選択すると自動的にページが移動します」と事前案内を明記する

人の判断が必要な例

  • プルダウンメニューをキーボードの矢印キーで選んでいる最中に、意図せず画面遷移が発生しないか確認する

補助ツール候補

  • input-context-change
  • form-structure

生成メモ

  • 時間・セッション・ビジネスルール検証が必要