86

ラジオボタンのリストがあります。それらをタブで移動すると、最初のラジオボタンまたは選択されたラジオボタンのみがフォーカスされ、残りのラジオボタンはスキップされるようです。チェックボックスにはこの問題はありませんでした。

http://jsfiddle.net/2Bd32/

QA にこれがバグではないことを説明するのに苦労しています。誰かが私になぜこれが起こるのか説明してもらえますか.

Soccer: <input type="checkbox" name="sports" value="soccer"  tabindex="1" /><br />
Football: <input type="checkbox" name="sports" value="football"  tabindex="2" /><br /> 

<input type="radio" name="num" value="3" tabindex="3">3<br>
<input type="radio" name="num" value="4" tabindex="4">4<br>
<input type="radio" name="num" value="5" tabindex="5">5<br>
<input type="radio" name="num" value="6" tabindex="6">6<br>
<input type="radio" name="num" value="7" tabindex="7">7<br>

Baseball: <input type="checkbox" name="sports" value="baseball"  tabindex="8"  /><br /> 
Basketball: <input type="checkbox" name="sports" value="basketball"  tabindex="9"  />
4

6 に答える 6

136

こことここで、W3Cをソースとして引用できます。

基本的に、ラジオボタンは、単一の値のみを保持するため、単一の要素として機能するグループです。ラジオグループにタブで移動すると、最初の項目に移動し、矢印キーを使用してグループ内を移動します。

  • フォーカスは、次の方法でラジオグループに移動できます。
    • Tabキー
    • ラベルを対象とするアクセスキーまたはニーモニック
    • ラベルのアクティブ化（支援技術メカニズムによる）
  • Tabキーを押すと、ラジオボタングループと他のウィジェットの間でフォーカスが移動します。
  • グループにフォーカスがあり、ラジオボタンが選択されていない場合：
    • Tabキーを押すと、フォーカスがグループ内の最初のラジオボタンに移動しますが、ラジオボタンは選択されません。
    • Shift + Tabキーを押すと、フォーカスがグループ内の最後のラジオボタンに移動しますが、ラジオボタンは選択されません。
  • ラジオボタンが選択されているグループにフォーカスが移動したら、TabキーとShift + Tabキーを押すと、チェックされているラジオボタンにフォーカスが移動します。
  • 上矢印キーと下矢印キーは、フォーカスと選択を移動します。
    • 上矢印キーを押すと、グループ内のラジオボタンを介してフォーカスと選択が前方に移動します。最初のラジオボタンにフォーカスがある場合、フォーカスと選択はグループ内の最後のラジオボタンに移動します。
    • 下矢印キーを押すと、グループ内のラジオボタンを介してフォーカスと選択が後方に移動します。最後のラジオボタンにフォーカスがある場合、フォーカスと選択はグループの最初のラジオボタンに移動します。*スペースバーのキーを押すと、現在フォーカスがあるラジオボタンがチェックされます。
  • グループに再度入ると、フォーカスは前のフォーカスのポイント（選択が設定されたアイテム）に戻ります。
  • Tabキーを押すとグループが終了し、フォーカスが次のフォームコントロールに移動します。
  • Shift + Tabキーを押すとグループが終了し、フォーカスが前のフォームコントロールに移動します。
于 2013-01-14T16:44:31.163 に答える
18

1 つの名前を持つラジオ ボタンは、単一のコントロール (input や select など) のようなもので、矢印キーで値を変更でき、Tab キーでフォーカスを別のコントロールに移動できます。

于 2013-01-14T16:38:23.190 に答える