タブが各ラジオボタンに順番にフォーカスするように、グループ化されたラジオボタンに tabindex を配置する必要があります。このために、「タブ キー」(矢印キーではなく) のみを使用する必要があり、また、それら (ラジオ ボタン) を 1 つのグループに保持する必要があります。
<input onclick="javascript:showUserName();" name="userSearch" value="UN" type="radio">
<input onclick="javascript:showLoginID();" name="userSearch" value="UL" type="radio">
<input onclick="javascript:showEmployeeID();" name="userSearch" value="EI" type="radio">
問題は、tabindex がグループ内の選択されたラジオ ボタンにのみフォーカスし、後続のタブでは Html 要素の次のセットに移動するが、グループ内の次のラジオ ボタンには移動しないことです。これは標準的なブラウザの動作であることはわかっていますが、要件を満たすために何らかの回避策を講じる方法はありますか?
ページの onkeypress イベントを監視する JS コードを記述して、タブとラジオ グループの組み合わせを監視し、ラジオ グループ ボタンに明示的に焦点を当てることは良い方法ですか?