html - IEは、ラベルfor / id属性を持つラジオボタンのタブ順序を尊重していませんか？

Question

ここでラジオボタンを押すと、IE 6/7/8、Chrome、Safariでタブの順序がめちゃくちゃになる理由を誰かに教えてもらえますか？FirefoxとOperaで動作します。

http://jsbin.com/inuxa5

最初のチェックボックスをオンにしてからタブを開始すると、ラジオ1からチェックボックス3に移動します（ラジオ2をバイパスします）

逆に、チェックボックス4をチェックし、Shiftキーを押しながらタブを後方に移動することから始めると、ラジオ2からチェックボックス2に移動します（ラジオ1をバイパスします）。

<form>

<p>
<input id="c1" type="checkbox" name="check1">
<label for="c1">checkbox 1</label>

<input id="c2" type="checkbox" name="check2">
<label for="c2">checkbox 2</label>
</p>

<p>
    <input id="r1" type="radio" name="member">
    <label for="r1">radio 1</label>

    <input id="r2" type="radio" name="member">
    <label for="r2">radio 2</label>
</p>

<p>
<input id="c3" type="checkbox" name="check3">
<label for="c3">checkbox 3</label>

<input id="c4" type="checkbox" name="check4">
<label for="c4">checkbox 4</label>
</p>

</form>

Answer 1

これは予想される動作です。
同じ名前のラジオボタンを使用しているため、「r1」または「r2」のいずれかになります。

短い：2つを切り替える場合は、タブの代わりに左/右矢印を使用します。