在单选按钮上使用“标签”

在单选按钮上使用“ label for”参数时，要符合508 *，以下正确吗？

 <label for="button one"><input type="radio" name="group1" id="r1" value="1" /> button one</label> 

还是这个？

 <input type="radio" name="group1" id="r1" value="1" /><label for="button one"> button one</label>

我问的原因是在第二个示例中，“标签”仅包含文本，而不包含实际的单选按钮。

* 1973年《康复法案》第508条要求联邦机构向残疾人提供软件和网站可访问性。

差不多了 应该是这样的：

<input type="radio" name="group1" id="r1" value="1" />
<label for="r1"> button one</label>

中的值for应为您要标记的元素的ID。

两种结构都是有效且可访问的，但for属性应等于id输入元素的：

<input type="radio" ... id="r1" /><label for="r1">button text</label>

要么

<label for="r1"><input type="radio" ... id="r1" />button text</label>

该for属性在第二个版本中是可选的（包含输入的标签），但是IIRC中有一些较旧的浏览器不会使标签文本可单击，除非您将其包括在内。第一个版本（输入后带有标签）更容易通过CSS使用相邻的同级选择器进行样式设置+：

input[type="radio"]:checked+label {font-weight:bold;}

（首先读出已经说明了其他的答案for中的<label></label>标签。好了，无论是上衣的答案是正确的，但对于我的挑战，它是当你有几个单选框，你应该为他们选择一个共同的名字一样name="r1" ，但不同的IDS id="r1_1" ... id="r1_2"

因此，这种方式的答案更加清晰，并且消除了名称和ID之间的冲突。

您需要为单选框的不同选项使用不同的ID。

<input type="radio" name="r1" id="r1_1" />

       <label for="r1_1">button text one</label>
       <br/>
       <input type="radio" name="r1" id="r1_2" />

       <label for="r1_2">button text two</label>
       <br/>
       <input type="radio" name="r1" id="r1_3" />

       <label for="r1_3">button text three</label>