forms - ラベルが2つのフォーム要素に適用される場合の最高のユーザビリティ？

Question

2つの選択オプション要素である「時間選択」フォームがあります。1つは時間用で、もう1つは分用です（15分の粒度）。

時間と分は明らかだと思うので、「時間を選択してください」というラベルを1つだけ表示します。通常、私はラベルを次のような入力に関連付けます。

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

では、ラベルが2つの要素に関連している場合、どうすればよいでしょうか。

ありがとう

Answer 1

両方の入力にラベルを付け（時間、分、あなたと同じように明示的に関連付けます）、CSS手法の1つを使用して視覚的に非表示にします（ただし、ATで使用できるようにDOMに保持します）。次に、すべてをaでラップし、 「choosetime」のにfieldsetを追加します。legendfieldset

このような：

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