Радиокнопка доступности (соответствие 508)

Question

Если я хочу задать вопрос с переключателем «Да / Нет».Как мне нужно разметить код, чтобы программа чтения с экрана считывала вопрос, связанный с выбором «да / нет», а не просто читала метки «Да» и «Нет», когда выбраны переключатели?

<span>Did you understand this? (choose one) </span>
<label>
<input type="radio" id="yes_no" name="yes_no" value="Yes" />
Yes
</label>
<label>
<input type="radio" id="yes_no" name="yes_no" value="No" />
No
</label>

Спасибо

Answer 1

Для элементов формы такого типа я использую:

<fieldset>
  <legend>Did you understand the question?</legend>
  <input type="radio" name="yes_no" id="yes">
  <label for="yes">Yes</label>
  <input type="radio" name="yes_no" id="no">
  <label for="no">No</label>
</fieldset>

Также обратите внимание, что все значения идентификаторов на странице должны быть уникальными.Если у вас есть элемент, который должен совместно использовать дескриптор, то добавьте его как класс.

Я также использую Fieldsets, чтобы добавить четкую границу для выбора радио.

И обязательно укажитеfor = "id_value" атрибут метки.Это свяжет ярлык с нужным переключателем.

Answer 2

<fieldset>
<legend><span>Did you understand this? (choose one) </span></legend>
<label>
<input type="radio" id="yes_no" name="yes_no" value="Yes" />
Yes
</label>
<label>
<input type="radio" id="yes_no" name="yes_no" value="No" />
No
</label>
</fieldset>

Answer 3

использовать атрибут содержимого (если он доступен).