JavaScript中的选项卡焦点到单选按钮

在一些帮助之后，选项卡聚焦到一个单选按钮，这是在一些动态创建的JavaScript中。我没有构建脚本，但我正在尝试根据自己的目的对其进行重新设计，使其更符合WCAG2.0

如果您选择tab，您可以看到我添加了一个红色虚线边框，以明显突出显示所选项目。我似乎不知道如何将焦点放在动态脚本（测验）中的单选按钮上，尝试了选项卡索引，添加标签、值和id，但没有成功

“quick.js”中有些东西需要调整，但我的JavaScript技能还不足以解决这个问题

quick.js很大，所以我还没有发布，都在JSFIDLE中

JSFiddle：

任何帮助都会有帮助

<p></p>

可以将注意力集中在这些元素上，单选按钮与键盘的工作方式是，您可以按tab键指向集合（作为一个制表位），然后使用箭头键选择一个

作为测试，请在CSS中而不是在当前选择器中尝试以下操作：

*:focus {outline: 2px red dashed !important;}

它们工作方式的不同是由于HTML，顶部的输入（CSS应用的地方）是：

---

我还建议使用

outline

而不是

border

，因为在使用选项卡时，outline不会影响布局，这意味着您不会像应用边框一样应用用户代理大纲

请不要试图通过发布虚假代码来规避StackOverflow规则。

<input type="radio" name="radio" id="yes" value="yes">
<label for="yes">Yes</label>

<label><input type="radio" name="answer" data-correct="false">True</label>

var $answer = 
"<p><input type='"+settings.currentQuestion.inputTypeHTML+"'
name='answer' data-correct='"+this.correct+"'><label>"
+this.answer+"</label></p>"