Accesibilidad del botón de radio (cumplimiento 508)

Question

Si quiero tener una pregunta con un botón de opción "Sí/No". ¿Cómo debo marcar el código para que un lector de pantalla lea la pregunta asociada con la selección "sí/no" en lugar de simplemente leer las etiquetas "Sí" y "No" cuando se seleccionan los botones de opción?

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

Gracias

Answer 1

Para los elementos del formulario de esta naturaleza que utilizo:

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

También por favor tome nota de que todos los valores de ID en una página debe ser único. Si tiene un elemento que necesita compartir un descriptor, agréguelo como clase.

También uso Fieldsets para agregar un límite distinto a la selección de radio.

Y asegúrese de especificar el atributo for = "id_value" de la etiqueta. Esto asociará la etiqueta con el botón de opción deseado.

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

utilizan el atributo de contenido (si está disponible).