Keyboard Focus Breaking with Radio Button Group <p>It seems simple, but this has been a bit of a headscratcher for me. Given the following (valid xhtml transitional) code:</p> <pre><code>&lt;form action="weird.html"&gt; &lt;label for="test1"&gt;T1&lt;/label&gt; &lt;input type="radio" id="test1" name="test" value="1" /&gt; &lt;label for="test2"&gt;T2&lt;/label&gt; &lt;input type="radio" id="test2" name="test" value="2" /&gt; &lt;label for="test3"&gt;T3&lt;/label&gt; &lt;input type="radio" id="test3" name="test" value="3" /&gt; &lt;label for="test4"&gt;T4&lt;/label&gt; &lt;input type="radio" id="test4" name="test" value="4" /&gt; &lt;label for="test5"&gt;T5&lt;/label&gt; &lt;input type="radio" id="test5" name="test" value="5" /&gt; &lt;/form&gt; </code></pre> <p>Why is it that I can't tab between radio buttons? This issue seems to be because they all have the same name attribute, but that seems rather counter-intuitive to me as far as accesbility goes. Why does the focus state only get applied to one? Is this because the group is treated as a single element? Are access keys the only non-Javascript solution here?</p>