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>

我该如何处理第一个"标签"？在这种情况下如何使用"for"和"id"？

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>

有关详细文章，请参见WCAG 2.0的H71。