Radio buttons accessibility, unable to tab to radiogroup with a checked disabled value
<p>I encountered a problem, where one radio button group is dependant on other state, which caused a disabled radio button to be selected. This is not a problem when selecting another value in the radio button group with the mouse for example, but it seems it is impossible to tab to the radio button group now. I realise that I maybe should not let this happen, but I think it is strange that you can build radio button group that you cannot change by keyboard alone. Here is a simple example:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="radio" disabled checked name="test" value="1"&gt;
&lt;input type="radio" name="test" value="2"&gt;
&lt;input type="radio" name="test" value="3"&gt;
&lt;input type="radio" name="test" value="4"&gt;</code></pre>
</div>
</div>
</p>

<p>Is there something I can do to "fix" this behaviour, or does anyone have a good way to handle these edge cases, or how to code if differently all together to avoid this issue?</p>