标签适用于两个表单元素时的最佳可用性？

Question

我有一个'时间选择'表单，它是两个选择选项元素，一个用于小时，一个用于分钟（15分钟粒度）。

我只想要一个标签说'选择时间'，因为我觉得它显而易见的是它的时间和分钟。通常我会将标签与输入相关联：

<label for="something">Label Text</label>
<input id="something" /> 

那么在这种情况下，标签与两个元素有关，我应该怎么办？

谢谢

Answer 1

我会标记两个输入（小时，分钟，显式关联，如你所知），使用其中一种CSS技术直观地隐藏它们（但将它们保存在DOM中，以便它们可供AT使用）。然后将所有内容包装在fieldset中，并将legend添加到fieldset以获取“选择时间”。

喜欢这样：

<fieldset>
    <legend>Choose Time</legend>
    <label for="hour">Hour</label>
    <input id="hour" />
    <label for="minute">Minute</label>
    <input id="minute" />
</fieldset>