Los componentes de entrada de formulario como los Radio button y Checkbox son elementos clave en el diseño de formularios en línea eficientes y accesibles. Los Radio button permiten a los usuarios seleccionar una sola opción de un conjunto de opciones predefinidas, mientras que los Checkbox permiten a los usuarios seleccionar múltiples opciones de un conjunto de opciones predefinidas. Estos componentes se utilizan comúnmente en una variedad de formularios en línea, desde formularios de registro hasta encuestas en línea y cuestionarios.
Color | Contraste / Blanco | Contraste / Negro |
---|---|---|
Verde éxito #00AA00 |
3.11:1
check_circle |
6.75:1
check_circle check_circle |
Amarillo advertencia #E3AE00 |
2.03:1
cancel |
10.32:1
check_circle check_circle |
Rojo error #F24F4F |
3.5:1
check_circle |
6.01:1
check_circle check_circle |
Celeste info #0176DE |
4.52:1
check_circle check_circle |
4.65:1
check_circle check_circle |
cancel Contraste no cumple con lo mínimo requerdio por el estandar WCAG 2.0
check_circle Cumple con el estandar WCAG 2.0 AA para textos desde 14px bold en adelante*
check_circle check_circle Cumple con el estandar WCAG 2.0 AA para textos desde 14px regular hasta 10px regular*
*Utilizando la tipografía Roboto
Checkbox normal
Ejemplo:
Checkbox con estado deshabilitado
Ejemplo:
Checkbox con estado de error
Ejemplo:
Radio normal
Ejemplo:
Radio con estado deshabilitado
Ejemplo:
Radio con estado de error
Ejemplo:
Radio con estado de advertencia
Ejemplo:
Radio con estado de éxito
Ejemplo: