alert
Live region roleA live region for an important, time-sensitive message, such as a validation error, announced immediately without moving focus. It's implicitly assertive and atomic, so screen readers interrupt to read it. Insert the element or its text after load so the change is detected; don't put role='alert' on content that's always present.
Used on
A live region container for an important, time-sensitive message.
Accessible name
Not required. The message is announced automatically when it appears.
Used by components
Example
role="alert"
<div role="alert">Your session will expire in 1 minute.</div>References