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

Alabel伴随一个表单域，而不是一组域。对表单字段进行分组是使用 afieldset而不是a 来实现的div，它伴随着 alegend而不是 a 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。