Live Region populated dynamically versus adding the entire live region dynamically
This page compares two live region implementations. The first one uses the standard approach of populating a live region that is already on the page. The second approach adds the live region in its entirety to the page dynamically.
Live region already on page and populated with messages dynamically
Entire live region added to page dynamically
Testing
9/11/19 - While the first approach worked, the second approach, which was adding the entire live region dynamically DOES NOT WORK with JAWS 2019/Chrome version 76 on Windows 10
9/11/19 - Both implementations work with JAWS 2019/Firefox on Windows 10
9/11/19 - Both implementations work with macOS VoiceOver/Safari
9/11/19 - Both implementations work with macOS VoiceOver/Chrome
9/11/19 - Buttons in example don't work with IE11
9/11/19 - Neither approach works with JAWS 2019/Edge due to lack of support, see https://stackoverflow.com/questions/44166700/does-microsoft-edge-support-aria-live-regions
9/11/19 - Neither approach works with NVDA 2019.2/IE11 due to lack of support, see https://stackoverflow.com/questions/44166700/does-microsoft-edge-support-aria-live-regions
9/11/19 - Neither approach works with NVDA 2019.2/Edge due to lack of support, see https://stackoverflow.com/questions/44166700/does-microsoft-edge-support-aria-live-regions
9/11/19 - While the first approach worked, the second approach, which was adding the entire live region dynamically DOES NOT WORK with NVDA 2019.2/Chrome version 76 on Windows 10
9/11/19 - While the first approach worked, the second approach, which was adding the entire live region dynamically DOES NOT WORK with NVDA 2019.2/Firefox Quantum 60.7.2esr on Windows 10
Both implementations work with iOS 11.2/VoiceOver
Both implementations work with IE11/JAWS 18
While the first approach worked, the second approach, which was adding the entire live region dynamically DOES NOT WORK with NVDA 2016.3/Firefox 53.0 on Windows 7
While the first approach worked, the second approach, which was adding the entire live region dynamically DOES NOT WORK with Windows 10/Firefox 60.6/NVDA 2018.41
Both approaches work with Android 6.0.1 and TalkBack