您可以通过选项卡浏览所有单选按钮吗？

我有一个单选按钮列表。当我通过选项卡浏览它们时，似乎只有第一个单选按钮或选定的单选按钮将获得焦点，其余单选按钮将被跳过。 checkbox没有这个问题。

http://jsfiddle.net/2Bd32/ 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"  />

您可以引用 W3C 作为您的来源，here https://www.w3.org/TR/wai-aria-practices/ and here http://www.w3.org/wiki/RadioButton.

本质上，单选按钮是一个充当单个元素的组，因为它仅保留单个值。按 T​​ab 键转到单选按钮组会将您带到第一个项目，然后使用箭头键在组内导航。

• Focus can move to a radio group via:
  • Tab 键
  • 针对标签的访问密钥或助记符
  • 激活标签（通过辅助技术机制）
• Tab 键在单选按钮之间移动焦点 组和其他小部件。
• When focus is on the group and when no radio button is selected:
  • 按 T​​ab 键移动焦点 到组中的第一个单选按钮，但不选择该单选按钮 按钮。
  • 按 Shift+Tab 键将焦点移至最后一个单选按钮 按钮，但不选择单选按钮。
• 当焦点移动到单选按钮所在的组时 选定后，按 Tab 和 Shift+Tab 键将焦点移至单选按钮 被选中的按钮。
• Up Arrow and Down Arrow keys move focus and selection.
  • 按向上箭头键可移动焦点并 通过组中的单选按钮向前选择。如果第一个 单选按钮具有焦点，然后焦点和选择移至最后一个 组中的单选按钮。
  • 按向下箭头键移动焦点 并通过组中的单选按钮向后选择。如果 最后一个单选按钮具有焦点，然后焦点和选择移动到 组中的第一个单选按钮。 * 按空格键检查 当前具有焦点的单选按钮。
• 什么时候 重新进入群组，焦点返回到之前的焦点位置 （具有选择集的项目）。
• 按 T​​ab 键退出 组并将焦点移至下一个表单控件。
• 紧迫 Shift+Tab 键退出组并将焦点移至上一个 表单控制。