Alert

Semántica

• Renders Root como un `<div>` con `role="alert"` (assertive) o `role="status"` (polite).
• Title se renderiza como un `<h5>` y se conecta a `aria-labelledby` en el Root.
• Description se renderiza como un `<div>` y se conecta a `aria-describedby` en el Root.
• Los IDs se generan con `createStableId` para consistencia compatible con SSR.
• Lleva los atributos `data-scope="alert"`, `data-part` y `data-state` en todas las partes.

ARIA

• `role="alert"` indica una región en vivo asertiva que interrumpe al usuario para anunciar el mensaje inmediatamente.
• `role="status"` indica una región en vivo cortés que anuncia el mensaje en la siguiente oportunidad sin interrupción.
• `aria-labelledby` en Root referencia el ID estable de Title para proporcionar un nombre para el alert.
• `aria-describedby` en Root referencia el ID estable de Description para proporcionar una descripción para el alert.

Responsabilidades del consumidor

• Siempre incluir un Title para que los lectores de pantalla puedan anunciar un nombre significativo para el alert.
• Usar `assertiveness="polite"` para actualizaciones no urgentes como cambios de estado o notificaciones.
• Usar `assertiveness="assertive"` (default) para información crítica que requiere atención inmediata.
• No eliminar y recrear programáticamente el alert para volver a anunciar; usar un role polite o gestionar cambios de `aria-live` en su lugar.

No aplicable

keyboard

Alert es un elemento de presentación no interactivo sin interacciones de teclado.

focus

Alert es un elemento de presentación no interactivo y no recibe enfoque. Anuncia contenido a las tecnologías de asistencia sin robar el enfoque.