Joe's blog

My brain backup

List Live Regions

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.

  • polite
  • assertive
  • alert
  • status
  • log
  • timer
  • marquee

And here’s the output looks like:

Screenshot showing 2 live regions found, along with their associated HTML

You can check the pen below. Fork it. Make it better!