html - 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>

参见 H71 of WCAG 2.0以获得详细的记录。