🏠 Live Regions 🎯

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>