Per caucus call, test code for aria-live attribute changes to dynamically modify live region announcement

Here is the code I wrote during the call:

 

<html><body>

<button onclick="document.getElementById('t1').setAttribute('aria-live', 'polite')"> set aria-live to 'polite' </button>

<button onclick="document.getElementById('t1').setAttribute('aria-live', 'off')"> set aria-live to 'off' </button>

<button onclick="document.getElementById('t1').innerHTML='Say something';"> test announce </button>

<div id="t1"></div>

</body></html>

 

The Div is just a div with no live region to start with, and the test announce button does nothing until you set aria-live to
polite, then the buttons can be used to toggle it between off and polite accordingly to see what works and what doesn't.

 

This works in JAWS15 in IE11 and the latest FF on Win7.

This also works in the latest NVDA in FF, but not in IE (unsurprisingly).

Received on Monday, 14 July 2014 18:52:21 UTC