I'm starting out doing some accessibility development. I noticed this, if I have a div set like this:
role="status" aria-live="polite" aria-atomic="false"
If I put some text in there and it is reading it, and I append more text before the reader has finished, it stops where it is at and just reads the new text. I'd like it to finish reading what it was doing and then read the additional text I appended to the field.
I tried dynamically creating a new aria-live="polite" element, but it did the same thing.