A large perceivable section of a web page or document, that is important enough to be included in a page summary or table of contents.

A region (role) is assigned to the portion of the page which cannot be marked with landmark roles, or a section of a large page which is important to notify to the user. Along with the region (role) an accessible name should be provided for the container that holds it. An accessible name can be provided using the aria-label property.

If the accessible name is not provided, screen readers will announce "region start" and "region end" without intimating which region is started and which region is ended. A region (role) is similar to a < section> tag in HTML 5.

When defining regions of a web page, authors are advised to consider using standard document landmark roles. If the definitions of these regions are inadequate, authors can use the region role and provide the appropriate accessible name.

Syntax

<div role="region" aria-label="live status"> 
</div>