there is an example about my code: https://jsfiddle.net/1Lf0d2y6/
This is my markup:
<div aria-live="assertive" aria-atomic="true" aria-relevant="additions text">
<span>you could save</span>
<span id="people">0 people</span>
</div>
I'm changing the number of people using a recursive function because the functionality requests show the increment of that number.
But for an accessibility user that increment is not important, we want the screen reader just read the last value 'you could save 9 people'.
That example works with Voice Over - Mac, but it doesn't work with NVDA - Windows.
Could you give me a light what I'm doing wrong and how can I fix it?
Thanks!
there is an example about my code: https://jsfiddle.net/1Lf0d2y6/
This is my markup:
I'm changing the number of people using a recursive function because the functionality requests show the increment of that number.
But for an accessibility user that increment is not important, we want the screen reader just read the last value 'you could save 9 people'.
That example works with Voice Over - Mac, but it doesn't work with NVDA - Windows.
Could you give me a light what I'm doing wrong and how can I fix it?
Thanks!