Lista de opciones de selección única (radio button)

Definición

Una lista de opciones es un tipo de selector que permite elegir una única alternativa entre una serie de opciones mutuamente excluyentes, que se presentan en pantalla de forma simultánea. Se utiliza en buscadores, formularios de contacto, tramitadores...
 

Anatomía

Las partes del componente son:

1. Etiqueta: Describe el listado de opciones. Si es obligatorio rellenar el campo se incluirá un asterisco junto a la etiqueta.
2. Etiqueta de opción: Describe el sentido de cada opción.
3. Botón de radio: Permite seleccionar una sola de las opciones.
    

Tipos

Por defecto

Estados

Deshabilitado

Pautas de uso

Si hay muchas opciones, usa un selector

• Si la elección se realiza entre múltiples opciones (más de 6), valora utilizar un selector en lugar de la lista de opciones.

Si se puede escoger más de una opción, usa listados de opciones con casillas o selectores múltiples

• Si la persona usuaria debe poder escoger varias opciones simultáneamente, utiliza un listado de opciones de selección múltiple (con casillas) o un selector múltiple.

Aclara el sentido del listado de opciones

• Incluye una etiqueta que sea breve, precisa y clara. Intenta utilizar dos o tres palabras como máximo, y evita partículas innecesarias.
• Si es obligatorio seleccionar una opción, incluye un asterisco tras la etiqueta del campo.

Incluye una opción neutra si no es necesario rellenar el campo

Una vez seleccionada una opción por primera vez, la lista de opciones no se puede dejar sin rellenar. Por eso, es recomendable incluir una opción neutra donde corresponda, p.ej. "No sé" o "Prefiero no contestar".

Componentes relacionados

Similar a:

• Selector
• Lista de opciones de selección múltiple (checkbox)
• Interruptor

Forma parte de:

• Buscador facetado
• Buscador avanzado
• Formulario

Recursos asociados al componente

Implementación:

Storybook (solo accesible desde la RCJA)

Control de versiones