Level AWCAG 2.2
3.2.2 入力時
設定の変更がコンテキストの変化を自動的に起こさない。
なぜ重要か
キーボード操作
ドロップダウンを矢印キーで操作すると、各選択肢に移動するたびにページ遷移が発生する可能性があります。
スクリーンリーダー
選択肢を確認する前に画面が変わると、内容を把握できません。
認知障害
自分が操作した結果を予測できないUIは不安と混乱を生みます。
モバイル
タッチ操作でのミスタッチは頻繁に起こり、即時遷移は取り消しが困難です。
ライブデモ
ドロップダウンによるページ遷移
選択するだけで遷移
キーボード操作の問題
1.キーボードでドロップダウンを開く（↓キー）
2.最初の選択肢に移動した瞬間にページ遷移
3.3番目の選択肢にたどり着けない！
ドロップダウンの
onchange で自動遷移すると、キーボードユーザーは矢印キーで選択肢を移動するだけでページが切り替わります。 必ず別の「移動」ボタンを用意しましょう。ペルソナで理解する
木村さん（38歳）— 全盲
スクリーンリーダーでドロップダウンの選択肢を確認しようと矢印キーを押すと、最初の選択肢でいきなりページが遷移してしまいます。3番目の選択肢にたどり着くことすらできません。「移動」ボタンがあれば安心して選択肢を探れます。