Radyo düğmesi erişilebilirliği (508 uyumluluk)

Question

"Evet/Hayır" radyo düğmesiyle bir soru sormak istiyorum. Bir ekran okuyucusunun, radyo düğmeleri seçildiğinde "Evet" ve "Hayır" etiketlerini okumak yerine "evet/hayır" seçimi ile ilişkili soruyu okuyabilmesi için kodu nasıl işaretlemem gerekir? (Varsa)

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

Teşekkür

Answer 1

kullandığım:

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

Ayrıca bir sayfadaki tüm kimlik değerlerinin benzersiz olması gerektiğini unutmayın edin. Bir tanımlayıcıyı paylaşması gereken bir öğeniz varsa, onu bir sınıf olarak ekleyin.

Ayrıca, radyo seçimine ayrı bir sınır eklemek için Fieldsets'i kullanıyorum.

Ve etiketin for = "id_value" özniteliğini belirttiğinizden emin olun. Bu, etiketi istenen radyo düğmesi ile ilişkilendirir.

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

content özelliğini kullanabilirsiniz. Bu yapıdaki form elemanları için