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

A label伴随单个表单字段,而不是一组字段.使用a fieldset而不是a 来实现对表单字段的分组div,其中包含a 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.