Main content



Superclass Role:

  • section

Subclass Roles:

  • alert
  • article
  • grid
  • landmark
  • list
  • log
  • status
  • tabpanel

Related Concepts:

  • HTML Frame
  • Device Independence Glossary perceivable unit
  • section

Inherited States and Properties:

  • aria-atomic
  • aria-busy (state)
  • aria-controls
  • aria-describedby
  • aria-disabled (state)
  • aria-dropeffect
  • aria-expanded (state)
  • aria-flowto
  • aria-grabbed (state)
  • aria-haspopup
  • aria-hidden (state)
  • aria-invalid (state)
  • aria-label
  • aria-labelledby
  • aria-live
  • aria-owns
  • aria-relevant

Name From:

  • author

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.


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

Microsoft Active Accessibility accRole Property: 


UI Automation ControlType Property: 

  • Pane

UI Automation AriaRole Property: 

  • region
More in this category: « roletype range »