WCAG标准的可访问性 - 如何处理标签内的标签

Question

我试图弄清楚如何使用WCAG标准标记一些代码，但是当我遇到这种情况时它有点复杂：

<div class="form-group">

    <label>Entry Method</label>

    <div>
        <label>
            <input type="radio" /> Upload file
        </label>

        <label>
            <input type="radio" /> Enter Manually
        </label>

        <label>
            <input type="radio" /> Load Template
        </label>
    </div>
</div>

如何处理第一个＆＃34;标签＆＃34;？我如何使用＆＃34;用于＆＃34;和＆＃34; id＆＃34;在这种情况下？

Answer 1

label伴随着单个表单字段，而不是一组字段。使用fieldset代替div来对表单字段进行分组，其中包含legend而不是label：

<fieldset class="form-group">

    <legend>Entry Method</legend>

    <div>
        <label>
            <input type="radio" /> Upload file
        </label>

        <label>
            <input type="radio" /> Enter Manually
        </label>

        <label>
            <input type="radio" /> Load Template
        </label>
    </div>
</fieldset>

有关详细说明，请参阅H71 of WCAG 2.0。