Tab キーを使用してページ上の HTML 要素を移動します

Question

HTML ページで Tab キーを使用してスクロールすることができません。これはタブを閲覧しようとしているページの画像です

「テーブルを更新できません」ポップアップが開いたとき。それをクリックしてタブを押しました。初めてタブを押すと、フォーカスが画像内の矢印要素に移動します。しかし、次にタブを押すと、要素ページ3に移動します。上矢印アイコンはHTMLで選択されている<iタグで、次の<iタグは[x]ボタンです。 。何らかの理由で、2 番目の <i タグ がスキップされ、タブ キーが 2 回目に表示されたときに [x] ボタンに移動しません。

この理由は何でしょうか?次の <i タグ として tabIndex="21"

を使用してみました

Answer 1

ボタンのインデックスが問題の原因である可能性があります。さらに多くの情報を提供する必要がありますが、それまでは、ポップアップを使用するときに最初に適切な場所に集中できます。 次のコードを使用して、最初の div 要素に注目してみてください:

リーリー

両方のコンポーネントに同じタブインデックス「20」を使用していることにも気付きました。すべてのインデックスを確認して、再試行してください。また、ボタンが他の要素と同じ DOM レベルにあることを確認してください。