More Live Region Tests

The purpose of this demo is to showcase screen reader interactions based on various live region properties.

Live regions are perceivable regions of a web page that are typically updated as a result of an external event when user focus may be elsewhere. These regions are not always updated as result of a user interaction. This practice has become common place with the growing use of Ajax. Examples of live regions are a chat log, stock ticker, or a sport scoring section that updates periodically to reflect game statistics. Since these asynchronous areas are expected to update outside the user's area of focus, assistive technologies such as screen readers have either been unaware of their existence or unable to process them for the user.

WAI-ARIA has provided a collection of properties that allow the author to identify these live regions and how to process them: aria-live, aria-relevant, aria-atomic, and aria-busy. Pre-defined live region roles are listed in
ARIA Authoring Practices
Choosing Between Special Case Live Regions
Section 5.3).

Set Atomic Set on Container Show Append