ARIA live regions

ARIA live regions are areas of content that update when the user interacts with something else on the page. Typically, focus is not drawn to the live region content and instead stays where it was when the user triggered the change

Sometimes content is loaded with JavaScript. When this happens, aria-live="polite" should be used to convey the presence or status of any new content to screen reader users (in other words, non-visually).

The following button will toggle a ‘loading’ state, both visually and programmatically: