라디오 버튼 접근성 (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> 

또한 페이지의 모든 ID 값은 고유해야합니다주의하시기 바랍니다. 설명자를 공유해야하는 요소가 있으면 클래스로 추가하십시오.

또한 필드 세트를 사용하여 라디오 선택에 뚜렷한 경계를 추가합니다.

레이블의 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

는 콘텐츠 속성을 사용합니다. 이러한 성격의 폼 요소에 대한