Alert

Alerts display short-lived important information to the user, usually at the top or bottom of the screen.

This component follows the Alert and Message Dialogs pattern from the W3C.

Some users — particularly those with disabilities—may need extra time to read and understand the content.

• If the Alert contains interactive elements (e.g., links or buttons), avoid using timeoutms altogether.
• Automatic dismissal can prevent users from completing their task or accessing important information.

For guidance, see WCAG SC 2.2.3: No Timing.

• Alert: Manual accessibility test
• ARIA APG Alert Pattern