Tipos de alertas
Las opciones de alertas muestran su color semántico para ayudar a las personas a discernir el tono del mensaje.
Alerta simple
Están compuestas por un ícono y descripción. La descripción informa a la persona sobre un tema particular y los íconos (correspondientes al color semántico) ayudan a las personas con deficiencia de visión a discernir el tono del mensaje.
Esta es la descripción de una alerta de información.
Esta es la descripción de una alerta de advertencia.
Esta es la descripción de una alerta de éxito.
Esta es la descripción de una alerta de peligro.
Alerta con cierre
La acción de cierre dentro de las alertas le da la posibilidad a las personas usuarias de dejar de ver el contenido que consideran innecesario.
Esta es la descripción de una alerta de información.
Esta es la descripción de una alerta de advertencia.
Esta es la descripción de una alerta de éxito.
Esta es la descripción de una alerta de peligro.
Alerta con destacado
Este tipo de alertas se utilizan cuando se quiere destacar una parte de la información que es o podría ser de relevancia para las personas usuarias.
Este es un destacado de una alerta de información. Esta es la descripción de una alerta de información que continua al texto destacado.
Este es un destacado de una alerta de advertencia. Esta es la descripción de una alerta de advertencia que continua al texto destacado.
Este es un destacado de una alerta de éxito. Esta es la descripción de una alerta de éxito que continua al texto destacado.
Este es un destacado de una alerta de error. Esta es la descripción de una alerta de error que continua al texto destacado.
Alerta con enlace
Los enlaces dentro de una alerta se utilizan para una llamada a la acción. Todos los enlaces a la documentación o información deben abrirse en una nueva pestaña.
Este es un destacado de una alerta de información. Esta es la descripción de una alerta de información que continua al texto destacado, incluso con enlace.
Este es un destacado de una alerta de advertencia. Esta es la descripción de una alerta de advertencia que continua al texto destacado, incluso con enlace.
Este es un destacado de una alerta de éxito. Esta es la descripción de una alerta de éxito que continua al texto destacado, incluso con enlace.
Este es un destacado de una alerta de error. Esta es la descripción de una alerta de error que continua al texto destacado, incluso con enlace.
Alerta con lista de anclas
Se utilizan en formularios de gran magnitud para informar al usuario un listado de errores que no lo permiten continuar o confirmar el proceso. Cada item debe estar anclado al error correspondiente dentro del formulario.
Este es un destacado de una alerta de error. Esta es la descripción de una alerta de error que continua al texto destacado.
Alerta con lista descriptiva
Su función es enumerar un conjunto de contenidos que van a ser de utilidad para el usuario.
Este es un destacado de una alerta de información. Esta es la descripción de una alerta de información que continua al texto destacado.
- Texto descriptivo
- Texto descriptivo
- Texto descriptivo
- Texto descriptivo
- Texto descriptivo
Diseño y estructura (contexto de uso)
En cuerpo de página
Los carteles de alerta están destinados a llamar la atención y pedir a los usuarios que tomen medidas necesarias en el contexto de una página. Se colocan al principio de aquello que se quiera advertir, alineados al margen izquierdo.
