html - programacion - Uso de "etiqueta para" en los botones de radio

manual de programacion android pdf

Question

Cuando se utiliza el parámetro "label for" en los botones de opción, para que sea 508 compatible *, ¿es correcto el siguiente?

 <label for="button one"><input type="radio" name="group1" id="r1" value="1" /> button one</label>

o es esto?

 <input type="radio" name="group1" id="r1" value="1" /><label for="button one"> button one</label>

La razón por la que pregunto es que en el segundo ejemplo, "etiqueta" solo abarca el texto y no el botón de opción real.

* La Sección 508 de la Ley de Rehabilitación de 1973 requiere que las agencias federales brinden acceso a software y sitios web a personas con discapacidades.

Answer 1

Casi lo tienes. Debería ser esto:

<input type="radio" name="group1" id="r1" value="1" /><label for="r1"> button one</label>

El valor for debe ser la identificación del elemento que está etiquetando.

Answer 2

Con el uso de una identificación correcta y para (según lo declarado por Marc W en otra respuesta) en realidad ambos están conforme con 508. Aquí hay un ejemplo usando etiquetas de diferentes maneras , afirmando que de hecho es compatible.

Answer 3

Cualquiera de las estructuras es válida y accesible, pero el atributo for debe ser igual al id del elemento de entrada:

<input type="radio" ... id="r1" /><label for="r1">button text</label>

o

<label for="r1"><input type="radio" ... id="r1" />button text</label>

El atributo for es opcional en la segunda versión (etiqueta que contiene la entrada), pero IIRC había algunos navegadores más antiguos que no hacían clic en el texto de la etiqueta a menos que lo incluyera. La primera versión (etiqueta tras entrada) es más fácil de diseñar con CSS utilizando el selector de hermanos adyacente + :

input[type="radio"]:checked+label {font-weight:bold;}