Input tipo select: Es un elemento de formulario que permite a los usuarios seleccionar una opción de un menú desplegable de opciones. El menú desplegable se activa cuando el usuario hace clic en el cuadro de selección y muestra una lista de opciones para que el usuario elija. Las opciones en el menú desplegable se pueden organizar en una lista o en grupos, y se pueden incluir etiquetas para ayudar al usuario a comprender qué representa cada opción.
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
Selector normal
Ejemplo:
Selector deshabilitado
Ejemplo:
Selector con estado de error
Ejemplo:
Selector con estado de advertencia
Ejemplo:
Selector con estado de éxito
Ejemplo: