JAWS reads removal of DOM node within an `aria-live` region only in IE
The live region is:
<div aria-live='assertive' id='abc'> </div>
Next, I make another change:
JAWS has no problem in Firefox and reads both "Processing" and "Done". But IE reads "Processing Removing Processing Done"
I understand that I am replacing a <span> with a new <span>. But how do I make JAWS ignore giving that update of removal?
The only way I have successfully defeated this bug in IE is to hide the element being deleted, add the new element, then later, remove the hidden element.
To understand this bug in IE, you have to look to the documentation for the aria-relevant attribute which specify which changes you want the screenreader to be notified.
See the following page in the Microsoft documentation: aria-relevant attribute
In your case, IE considers (falsely) that you are doing a text update (because of the use of innerHTML which is considered as a string), so it notifies deletion and addition:
Updates are announced only as nodes are added, or as text is added or removed.
The solution should be to add or remove with the use of addChild() and removeChild() functions.