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

Question

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

我只想要一个标签说“选择时间”，因为我认为它的小时和分钟很明显。通常我将标签与输入相关联，如下所示：

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

那么在这种标签与两个元素相关的情况下我应该怎么做呢？

谢谢

Answer 1

我会标记两个输入（小时，分钟，像您一样明确关联），使用其中一种 CSS 技术在视觉上隐藏它们（但将它们保留在 DOM 中，以便 AT 可以使用）。然后将所有内容包装在 a 中fieldset，并将 a 添加legend到fieldset“选择时间”中。

像这样：

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