私はこのチェックインフォームを持っています:
<label>Check in date </label>
<select id="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="year">
<option value="1">2012</option>
<option value="2">2013</option>
</select>
ご覧のとおり、ユーザーは異なる選択ボックスで月、日、年を選択しますが、3つすべてに対して1つのラベルのみが存在する必要があります。
HTMLでこれを行う適切な方法は何でしょうか?
更新:上記のコードのようなものを開発する際に発生する可能性のあるアクセシビリティへの影響が懸念されます。つまり、目の不自由なユーザーは、このフォームに記入するために各ラベルを聞くことができるはずです...