コンテナ/ div内のタブのインデックス順を閉じる

Question

私はこの結果に打ち込もうとしています。私は同じページのタブインデックス順序で2つのdivを持っています。たとえば、最初のdivとiでナビゲートしています。そのdivの最後のtab-indexに到達すると、フォーカスは次のdivにはならず、そのdivの最初のtab-indexから再開します。これは可能ですか？

例：

<div class="main"> 
    <div class="container1"> 
     <input tabindex="1"/> 
     <input tabindex="2" /> 
     <input tabindex="3" /> 
    </div> 
    <div class="container2"> 
     <input tabindex="1" /> 
     <input tabindex="2" /> 
     <input tabindex="3" /> 
    </div> 
</div> 

Answer 1

あなたのコードを投稿することができますか？

tabindex="0"をすべて使用しているのですか、tabindex-"1", tabindex="2"などで特定の注文を設定していますか？

あなたのコードを見ずに私の提案は、それを許可しない要素にtabindexを入れようとしているということです。

<div>、<span>、<p>のような要素には、キーボードでフォーカスできないものを使用してください。彼らはtabindex="1"などでは動作しません。もしあなたがこの要素にrole="button"などを指定する必要がありますが、これを行うつもりならば、スクリーンリーダに、例えばユーザが目が見えない場合のフォーカスの目的が分かるようにしてください。

コードを見ずにこの質問に答えるのは難しいです。

希望すると便利です。より多くのヘルプが必要な場合は、コードを投稿してください。私はもっと喜んで助けてください。

<div role="button" tabindex="0">A button</div> 
<div role="link" tabindex="0">A link to somewhere</div>