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