Don’t want to read all the below? Here’s the bookmarklet: List live regions
When using ARIA live regions, it is best practise to ensure the live region container is present on page load. Content can be dynamically added as it’s needed.
It is not always easy to locate existing live regions in code to verify they are present on page load. So I put together this bookmarklet. It simply scans the DOM for any live regions of the following types, and then lists them in a new window.
And here’s the output looks like:
You can check the pen below. Fork it. Make it better!