入力欄や選択肢を選択、または入力したときに大きな変化を起こさない

概要

この基準では、ユーザーにとって予期せぬ変化(例えば、ページやフォーカスの移動)が発生しないようにすることを確認してください。この基準を守ることで、ユーザーは混乱することなくフォームを操作できます。

メリット

  1. 視覚障害のあるユーザー: スクリーンリーダーを使用するユーザーが予期せぬページやフォーカスの移動に戸惑うことなく、安全にフォームを操作できます。
  2. 認知障害のあるユーザー: 突然の変化がなく、安定した操作環境を提供することで、ユーザーが混乱するのを防ぎます。
  3. すべてのユーザー: 入力中に予期しない大きな変化がないため、入力内容が失われるリスクが減り、操作を一貫して行なえます。

達成方法

  1. 大きな変化を引き起こさない:

    • 入力欄や選択肢の変更によって、予期せぬページやフォーカスの移動、その他のページの大きな変化を引き起こさないように設計します
    • 大きな変化とは、ページが移動するまたは、ページ全体のコンテンツが変わるような変化のことです
    • 例)onChange イベントで、ページを移動させない。
  2. ユーザー操作によるアクション:

    • ページやフォーカスの移動や、その他のページの大きな変化は、ユーザーの明確な操作(例:ボタンのクリック)によってのみ引き起こすようにします。

テスト方法

  1. 手動テスト:
    • フォームの各入力欄や選択肢を操作して、予期しないページやフォーカスの移動、その他のページの大きな変化が発生しないことを確認します。

関連するWCAG2.1達成基準