Indique el efecto de marcar
No preseleccione el consentimiento opcional en lugar de la decisión del usuario.
Casilla de verificación Sistema de diseño
Seleccione varios elementos o habilite una selección independiente.
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.
03
Completa la experiencia
Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.
El progreso se guarda automáticamente en este navegador.
GUÍA
Cómo revisar
EJEMPLOS
Ejemplos de uso
Indique el efecto de marcar
“Recibir boletines informativos de productos por correo electrónico” está separado de aceptar los términos.
Variantes y casos de uso
Seleccionar cuadros y etiquetas
El cuadro de selección tiene límites claros, una etiqueta con un área interactiva y una distancia suficiente desde la selección al lado.
Haga clic en el cuadro y en la etiqueta y aumente el tamaño de fuente; todos cambian a la misma opción.
Ejemplo Se puede hacer clic en la línea "Obtener información del producto" en toda el área de la etiqueta.
Seleccionar estado
Distinga entre no seleccionados, seleccionados, mixtos, enfocados y deshabilitados según la semántica correcta.
Seleccione un subgrupo; La casilla de verificación principal representa mixto en lugar de seleccionar todo.
Ejemplo Al seleccionar 2 de los 5 elementos, el cuadro "Seleccionar todo" tiene una marca de estado parcial.
SeleccionadoSin seleccionarPredeterminadoSeleccionadoNo disponibleMostrar errorSelección parcial