Verificar selección única en un grupo
Mueva la selección con las teclas de flecha y luego toque la etiqueta. Sólo se elige una opción; El nombre y la descripción del grupo deben dejar claro a qué afecta la elección.
Botones de opción Sistema de diseño
Hace que la selección única sea clara y fácil de operar.
Contenido de la lista
Progreso de la revisión
01
Estructura y significado
Comparar información y presentación en contexto de uso.
02
Interacción y usabilidad
Pruebe la operación, cambie el estado y continúe trabajando.
El progreso se guarda automáticamente en este navegador.
GUÍA
Cómo revisar
EJEMPLOS
Ejemplos de uso
Elige el método de entrega
El grupo “Método de entrega” tiene “Estándar” y “Rápido”; Cada etiqueta enumera el tiempo y la tarifa estimados, con una selección a la vez.
Variantes y casos de uso
El grupo elige una opción.
La apariencia y la etiqueta deben indicar que el usuario puede seleccionar solo un elemento del grupo.
Elija dos opciones por turno; El elemento anterior debe estar desmarcado y el nombre del grupo permanece claro.
Ejemplo Las opciones Regular y Express comparten la misma etiqueta de Método de entrega.
Estado de selección
Mantener seleccionados, no seleccionados, deshabilitados y enfocar fácilmente para distinguir; El grupo tiene operaciones de teclado.
Utilice las teclas de flecha en grupo; El enfoque y la selección cambian según las reglas de la radio.
Ejemplo El paquete seleccionado actualmente tiene una marca de radio y un nombre, no solo un fondo de color.
SeleccionadoSin seleccionarPredeterminadoSeleccionadoNo disponibleMostrar error