Live
Alert section
<button type="button" onclick="document.getElementById('alert').setAttribute('role', 'alert')"> Trigger alert ⚠️ </button> <p id="alert" class="alert">The alert will trigger when the button is pressed.</p>
The alert will trigger when the button is pressed.
aria-live
<div class="alert" aria-live="polite" aria-atomic="true">❗ Carefully! Read this text now</div> <div class="alert" aria-live="assertive" aria-atomic="true">You have a new contact request</div>
❗️️ Carefully! Read this text now
You have a new contact request