WCAG 3.2.1: フォーカスを当てただけで文脈を大きく変えないか確認する
リンク、ボタン、フォーム部品などにフォーカスしただけで、ページ遷移、フォーム送信、新しいウィンドウ、別コンポーネントへの自動移動などが起きないか確認します。
意図的な失敗例: フォーカスだけで変化する
入力欄にフォーカスしただけで別ページへ移動します。
フォーカスだけでURLが変わります。
確認観点
- TabキーとShift+Tabキーで操作対象へ移動し、フォーカスしただけで文脈が変化しないか確認する
- フォーカス時だけで送信・遷移・自動フォーカス移動が起きないか確認する
- メニュー、ツールチップ、補足説明などが表示される場合でも、利用者の現在位置や操作の流れを損ねていないか確認する
- モーダル、検索候補、フォーム補完、外部ウィジェットでもフォーカス時の挙動を確認する
人の判断が必要な例
- フォーカスしただけでフォームが送信されないか確認する
- フォーカスしただけで別ページへ移動したり、新しいウィンドウが開いたりしないか確認する
- スクリプトや外部ウィジェットの更新後も、フォーカスだけで予期しない変化が起きないか確認する
補助ツール候補
- focus-context-change
- focus-order
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。