Links

Checkbox

Permite seleccionar el valor que est谩 escrito en su etiqueta de texto correspondiente. Puede seleccionar una o varias casillas, ya que las opciones entre ellas no son excluyentes.

Racional de aplicaci贸n

Utilizamos un Checkbox cuando necesitamos obtener una selecci贸n de respuestas disponibles sin l铆mite de opciones. Se puede seleccionar varias casillas de verificaci贸n de un grupo al mismo tiempo. No es apropiado usar un Checkbox para preguntas con respuestas binarias o excluyentes.

Buenas pr谩cticas

Uso correcto
Uso incorrecto
Las opciones seleccionadas pueden ser varias.
La opciones son excluyentes entre s铆 y no pueden seleccionarse a la vez.
Acompa帽a a la selecci贸n de opciones con una etiqueta identificativa.
No tiene etiqueta y la selecci贸n queda fuera de contexto.
El estado indeterminado indica que al menos una opci贸n ha sido seleccionada.
El comportamiento del check general no es correcto.

Interacci贸n

Este componente ha sido validado para cumplir con las pautas de accesibilidad WCAG 2.1 AA, sin embargo los cambios realizados por el propietario del contenido pueden afectar el cumplimiento de la accesibilidad. Hay que asegurarse de revisar y seguir las instrucciones de esta secci贸n cuando se actualice o se agregue contenido nuevo a este componente.
Dispositivo
Interacci贸n
Rat贸n
Se puede activar un Checkbox haciendo clic en cualquier lugar dentro de la casilla de verificaci贸n o la etiqueta.
Teclado
Se puede utilizar el tabulador para desplazarse por las opciones de forma secuencial y activar o desactivar con la barra espaciadora.

Anatom铆a y variabilidad

Anatom铆a del componente

Letra
Elemento
Descripci贸n
A
Etiqueta de grupo
Se aconseja que los grupos de opciones vayan acompa帽ados de una etiqueta identificativa que d茅 contexto a la selecci贸n.
B
Casilla de verificaci贸n
Indica si la opci贸n est谩 seleccionada (o en caso casilla de verificaci贸n de grupo, si alguna opci贸n ha sido seleccionada).
C
Etiqueta
Describe la informaci贸n de la opci贸n.

Variabilidad de estados

Letra
Estado
Descripci贸n
A
Unchecked
Estado por defecto.
B
Check
La opci贸n ha sido seleccionada.
C
Indeterminate
Indica que al menos una opci贸n del grupo ha sido seleccionada.
D
Disabled
La opci贸n no est谩 disponible para ser seleccionada.
脷ltima actualizaci贸n 1yr ago