aria-live

问题 Issue: I have an accessibility issue that I am struggling with. I have an angular web application. A page loading spinner/indicator is shown when content is loading. And when the page content has loaded the spinner is hidden. This "div" is never removed from DOM. Content of the loading div are not read (by NVDAor jaws) when the loading div is shown. <div class='loading' aria-live='polite' aria-label='Do not refresh the page' tabindex="-1">Do not refresh the page</div> I wouldn't like to

问题 I am having an issue where the Screen Reader is not reading the text that changes within aria-live section in FireFox. This is a simple example for a page where in chrome the Screen Reader reads the changes as they come in and in FireFox it does not: <div aria-live="assertive" id="moo"> </div> <script> let i = 0; setInterval(() => { document.getElementById('moo').innerText = 'moo' + i++ }, 2000) </script> Am I doing something wrong? Is there another way to announce changes when they come in

问题 I am having an issue where the Screen Reader is not reading the text that changes within aria-live section in FireFox. This is a simple example for a page where in chrome the Screen Reader reads the changes as they come in and in FireFox it does not: <div aria-live="assertive" id="moo"> </div> <script> let i = 0; setInterval(() => { document.getElementById('moo').innerText = 'moo' + i++ }, 2000) </script> Am I doing something wrong? Is there another way to announce changes when they come in

问题 I am having an issue where the Screen Reader is not reading the text that changes within aria-live section in FireFox. This is a simple example for a page where in chrome the Screen Reader reads the changes as they come in and in FireFox it does not: <div aria-live="assertive" id="moo"> </div> <script> let i = 0; setInterval(() => { document.getElementById('moo').innerText = 'moo' + i++ }, 2000) </script> Am I doing something wrong? Is there another way to announce changes when they come in