Alerts
Accessibility note: Because of its intrusive nature,
role="alert"
or aria-live="assertive"
role must be used sparingly and only in situations where the user's immediate attention is required. MDN Alert Documentation.Alerts
Use an alert to communicate important responses to user input.
Example
A regular and warning alert.
Welcome back to Pit Viper.
Only one base language document is allowed per contract.
HTML
<div class="pv-alert" aria-live="polite">Welcome back to Pit Viper.</div>
<div class="pv-alert-warning" aria-live="assertive">Only one base language document is allowed per contract.</div>