On Focus3.2.1 フォーカス時（レベルA）

概要

ユーザーがコンポーネントにフォーカスを移動することにより、コンテキストが自動的に変わることがないようにします。これにより、ユーザーが予期しない動作やページの変化に驚かないようにし、操作性を向上させることを目的としています。

このページでは、ウェブサイト制作でよく直面する課題に対して、基本的で取り組みやすい方法を紹介しています。
ただし、他にも対処すべき状況や多くの手段があり、具体的な状況に応じて最適な方法を選ぶことが大切です。

課題に対する実践的な方法

ユーザーがキーボードナビゲーションを使用している場合、フォーカスが移動した際にコンテキストが変わると、ユーザーが予期しない動作に困惑し、操作の流れが中断される可能性があります。例えば、ドロップダウンメニューやフォーム要素にフォーカスが当たった瞬間にページがリロードされたり、別のページにリダイレクトされると、ユーザーの体験が損なわれます。

まとめ

達成基準 3.2.1 は、ユーザーの操作体験を向上させるために、フォーカス時に予期しないコンテキストの変化を避けることを目指しています。実践的な方法としては、フォーカスイベントの代わりにアクティベートイベントを使用することで、ユーザーが明示的に操作するまでコンテキストが変わらないようにします。これにより、特にキーボードナビゲーションを使用するユーザーにとって、よりスムーズで直感的な操作体験が提供されます。