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

Question

要使页面符合所有政府可访问性要求，每个表单元素都应该有一个标签。但是，我们有一个出生日期选择器有三个下拉菜单：日，月和年。可见标签只是＆＃34;出生日期＆＃34;。

有办法：

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>