Предположим, у меня есть следующая форма, и мне нужно сделать ее совместимой с 508, добавив Label For=<id> для каждого дескриптора элемента управления.
В случае простых текстовых полей ясно, что Label For=<id>будет указывать на идентификатор текстовых полей.
В случае элементов управления выбором, таких как радиокнопки / флажки, Label For=<id> будет указывать на идентификатор отдельных вариантов выбора .
Но что делать с дескриптором контрольной группы, например Оценка скорости в следующем примере?
input[type=radio] {
float: left;
}
<form id="myForm">
<label for="distance">Distance:</label>
<input type="text" id="distance"/>
<label for="unit">Unit:</label>
<select id="unit">
<option value="miles">Miles</option>
<option value="km">Km</option>
</select>
<p>Speed Assessment:</p>
<label for="speedSlow">Slow</label>
<input type="radio" name="speed" id="speedSlow"/><br/>
<label for="speedMedium">Medium</label>
<input type="radio" name="speed" id="speedMedium"/><br/>
<label for="speedFast">Fast</label>
<input type="radio" name="speed" id="speedFast"/><br/>
</form>