ウェブページのフォーカスに関する興味深い質問があります。主にマウスとキーボードの相互作用に関連しています。 Webページに「Focused」または選択されたオブジェクトの配列があり、タブを使用してそれらをナビゲートする方法があるとします。要素に削除ボタンがあり、それをクリックすると、フォーカスに何が起こるはずですか？ウェブページから要素が消える場合、どこにフォーカスする必要がありますか
私の理論では、フォーカスされている要素がフォーカスを得て消えてしまうため、フォーカスが消えるはずです。これにより、フォーカスがルート要素に降格し、その後タブがページの一番上の要素に移動する奇妙な状況が発生します。
これについての意見を聞きたいですか？
オブジェクトの配列がある場合は、現在フォーカスされているオブジェクトが消えると、前のオブジェクトにフォーカスが移るようにします。それは私に最もユーザーフレンドリーなようです。私はあなたがこれを達成するためにJQueryを使用できると信じています。
N番目のアイテムにフォーカスしている場合、N番目のアイテムを削除すると、更新された（短縮された）アイテムのリストに対してカウントされて、N番目のアイテムにフォーカスが維持されます。
これは、たとえばスプレッドシートプログラム、電子メールクライアント。
それは良い点です。スプレッドシート/電子メールクライアントを試してみましょう。 – johncch
私はちょうどしました。それは面白い。例：Googleスプレッドシートでは、次の項目にフォーカスが移動します。フォーム編集ビューでは、同様のケースで、ラジオボタンを使用することができます。削除では、フォーカスが前のものに移動します。正解はありませんね。 – johncch
@johncch私がテストしたすべてのスプレッドシートと電子メールプログラムは、私が記述した方法で動作します。しかし、あなたのケースは電子メール/スプレッドシートとは若干異なるように聞こえるので、それを別々に実装するための潜在的な理由（および潜在的な先行技術）があります。私は最良の方法は、あなたのユーザーの大部分にとって最も便利だと思うものを選択することだと思います。 –
あなたが削除しているものが何であるか、近くに他のコントロールや見出しがない場合、何が重視されるべきかを言うのは難しいです。しかし、これは非常に間違っているので、ルート要素であってはなりません。 http://www.w3.org/TR/wai-aria/usage
試してみましたか？ –
うん、やったよ。私は4つの要素を持っている場合、私は3番目の要素を削除します。通常、フォーカスはルート要素に戻り、最初の項目からタブ移動が開始されます。これは一例です：http://jsfiddle.net/S2aab/1/ – johncch