入力欄や選択肢を選択、または入力したときに大きな変化を起こさない
概要
この基準では、ユーザーにとって予期せぬ変化(例えば、ページやフォーカスの移動)が発生しないようにすることを確認してください。この基準を守ることで、ユーザーは混乱することなくフォームを操作できます。
メリット
- 視覚障害のあるユーザー: スクリーンリーダーを使用するユーザーが予期せぬページやフォーカスの移動に戸惑うことなく、安全にフォームを操作できます。
- 認知障害のあるユーザー: 突然の変化がなく、安定した操作環境を提供することで、ユーザーが混乱するのを防ぎます。
- すべてのユーザー: 入力中に予期しない大きな変化がないため、入力内容が失われるリスクが減り、操作を一貫して行なえます。
達成方法
-
大きな変化を引き起こさない:
- 入力欄や選択肢の変更によって、予期せぬページやフォーカスの移動、その他のページの大きな変化を引き起こさないように設計します
- 大きな変化とは、ページが移動するまたは、ページ全体のコンテンツが変わるような変化のことです
- 例)
onChange
イベントで、ページを移動させない。
-
ユーザー操作によるアクション:
- ページやフォーカスの移動や、その他のページの大きな変化は、ユーザーの明確な操作(例:ボタンのクリック)によってのみ引き起こすようにします。
テスト方法
- 手動テスト:
- フォームの各入力欄や選択肢を操作して、予期しないページやフォーカスの移動、その他のページの大きな変化が発生しないことを確認します。