| <!-- |
| @UIA-WIN-DENY:* |
| @UIA-WIN-ALLOW:AriaProperties* |
| --> |
| <!DOCTYPE html> |
| <html> |
| <body> |
| <div id="d1" aria-label="Item1" aria-live="polite">Item1</div> |
| <div id="d2" aria-label="Item2" aria-live="polite" aria-atomic="true">Item2</div> |
| <div id="d3" aria-label="Item3" aria-live="polite" aria-atomic="true">Item3</div> |
| <div id="d4" aria-label="Item4" aria-live="polite">Item4</div> |
| <div id="d5">Item5</div> |
| <button onclick="go()">go</button> |
| <script> |
| function go() { |
| // Set aria-atomic from default false->false; do not fire an event. |
| document.getElementById('d1').setAttribute('aria-atomic', false); |
| |
| // Set aria-atomic from true->false; fire an event. |
| document.getElementById('d2').setAttribute('aria-atomic', false); |
| |
| // Set aria-atomic from true->[removed]; fire an event. |
| document.getElementById('d3').removeAttribute('aria-atomic'); |
| |
| // Set aria-atomic from false->true; fire an event. |
| document.getElementById('d4').setAttribute('aria-atomic', true); |
| |
| // Set aria-atomic from false->true on a non-live region; do not fire an |
| // event. |
| document.getElementById('d5').setAttribute('aria-atomic', true); |
| } |
| </script> |
| </body> |
| </html> |
