Radio

• Dos a cinco opciones mutuamente excluyentes.
• El usuario necesita comparar las opciones de un vistazo.
• Existe una opción por defecto razonable; márcala como seleccionada al iniciar.

Por defecto el grupo se apila en vertical. Usa layout="horizontal" cuando hay pocas opciones cortas y el ancho lo permite.

Deshabilita un grupo entero cuando ninguna opción aplica al contexto actual; deshabilita una opción individual cuando solo esa no aplica. Acompaña con un texto que explique por qué.

• El grupo se renderiza con role="radiogroup" y cada opción con role="radio".
• Tab entra al grupo; las flechas mueven la selección entre opciones.
• Cada grupo necesita una etiqueta visible o aria-labelledby.
• Una opción siempre está marcada para que el lector de pantalla anuncie un estado válido.

• Una a cuatro palabras por opción, en sentence case.
• Paraleliza la redacción: todas verbos, o todas sustantivos.
• Si necesitas explicar una opción, añade una línea de ayuda debajo, no dentro del label.