Alertas
Las alertas proporcionan mensajes contextuales breves e importantes para el usuario.
Estructura de la alerta
Las alertas están compuestas por un caja que contiene un texto, y están diseñadas de forma que atraigan la atención del usuario.
Las alertas aparecen de forma dinámica y son anunciadas por los lectores de pantalla.
<div role="alert">El formulario se ha enviado con éxito.</div>
Ejemplos de mensajes
Algunos ejemplos de mensajes de alerta son:
- Se han introducido valores no válidos en un formulario.
- El tiempo para realizar una acción está a punto de terminar.
- Se ha completado una tarea con éxito.
Atributos ARIA
Los mensajes de alerta deben incluir role="alert"
para avisar a las tecnologías de apoyo de que se ha generado un mensaje que requiere la atención del usuario.