将单选按钮包裹在 fieldset 元素中以获得更好的可访问性

将单选按钮包裹在 fieldset 元素中以获得更好的可访问性

使用fieldset标签将单选按钮组包含在里面就可以实现这个目的，通常还会使用legend标签来为单选按钮组提供文字说明。屏幕阅读器也可以朗读这些文字。

当选项的含义很明确时，如：性别选择，fieldset标签与legend标签就可以省略。这时，使用含有for属性的label标签就足够了。
例如：

<form>
  <fieldset>
    <legend>Choose one of these three items:</legend>
    <input id="one" type="radio" name="items" value="one">
    <label for="one">Choice One</label><br>
    <input id="two" type="radio" name="items" value="two">
    <label for="two">Choice Two</label><br>
    <input id="three" type="radio" name="items" value="three">
    <label for="three">Choice Three</label>
  </fieldset>
</form>