辅助功能测试：选择缺少关联标签的元素

Question

要使页面符合所有政府辅助功能要求，每个表单元素都应该有一个标签。但是，我们有一个包含三个下拉菜单的出生日期选择器：日，月和年。可见标签仅仅是“出生日期”。

有没有一种办法：

1. 指定的表单元素没有标签？
2. 指定标签用于多个表单元素？

Answer 1

您可以指定使用<fieldset>和<legend>一组标签，但是，这并不意味着你可以忽略个人标签。在您的示例中，您可以争辩说与其他选择的距离可以作为“视觉标签”，因此您可以使用title属性来标记组中的每个单独组件和字段集/图例

在您的例如，你还需要指出的*为必填项

下面是一些标记

<fieldset> 
    <legend>Date of Birth* <span class="offscreen">required</span></legend> 
    <select title="month">...</select> 
    <select title="day">...</select> 
    <select title="year">...</select> 
    <button title="pick date" class="datepicker"></button> 
</fieldset>