3.2.2 入力時

要件

ユーザーが入力欄にデータを入力・変更した際に、自動でコンテキストが変更されないようにすること。

「コンテキストの変更」とは？

• ページ遷移（例：入力した瞬間に別のページへ移動）
• コンテンツの大幅な変更（例：項目が自動的に非表示/表示に）
• モーダルやダイアログが突然開く
• フォームの構成が自動的に書き換わる　など

具体例

達成している例	達成していない例
「都道府県」を選択しても、即座に市区町村の入力欄が自動生成されず、明示的な操作が必要	ドロップダウンで「東京都」を選ぶと即座に市区町村が変わってページがリロードされる
チェックボックスを変更しても、別のフォームセクションが自動的に出てこない	テキストを1文字入力しただけでモーダルが開く
入力変更があっても「次へ」「検索する」などの送信ボタンが必要	セレクトボックスを変更すると onchange イベントで即時ジャンプする

実装上の注意点

• onchange イベントでページ遷移させない（明示的な送信ボタンを用意）
• 入力変更に対しての変化は ユーザーのアクション（クリック、Enterなど）に限定
• 自動でコンテンツが変わる場合は、事前に説明や警告を表示する

この基準の目的

• 利用者がシステムの挙動を「予測可能」だと感じられるようにする
• 誤操作や混乱による入力ミス、誤送信を防止する
• 支援技術ユーザー（スクリーンリーダー等）における操作の安定性を担保する

利点

• ユーザーがフォーム入力時の挙動を把握しやすくなる
• 入力中に想定外の画面遷移やUI変更が起こらないことで安心感を提供
• スクリーンリーダーやキーボード操作でもスムーズに操作可能

まとめ

項目	内容
達成基準	3.2.2 入力時
等級	A
要件	入力により自動的に文脈を変更しない
対象	全ユーザー（特に視覚・認知・運動障害のある方）
NG例	セレクトボックス選択で即ページ遷移、入力中にモーダル出現
実装ポイント	明示的操作（クリック等）でのみ変化を発生させること

一覧に戻る