---
title: "Test ARIA-live region with label"
layout: default
---

<div id="test-aria" aria-live="polite" aria-label="Test label">
  I am some text.
</div>
<button id="btn">Update labled ARIA region.</button>
<button id="btn2">Delete text</button>
<p>Test</p>
  <script>
ALDIV = document.getElementById("test-aria");
NEW_TEXT = "new text;";
UPDATE_BTN = document.getElementById("btn");
DELETE_BTN = document.getElementById("btn2");

UPDATE_BTN.addEventListener('click', function(e) {
  ALDIV.innerText = 'Updating... Hello world!';
});
DELETE_BTN.addEventListener('click', function(e) {
  ALDIV.innerText = '';
});
  </script>