Доступность переключателя (508 соответствий)

Question

Доступность переключателя (508 соответствий)

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

<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>

Спасибо

5

html accessibility section508

задан Jaime Garcia 10 June 2010 в 17:55

3 ответа

<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>

2

ответ дан 13 December 2019 в 19:21

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

-1

ответ дан 13 December 2019 в 19:21

Другие вопросы по тегам:

html accessibility section508

Похожие вопросы:

score 10 · Accepted Answer

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

<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>

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

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

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