SIA-R40Regions have an accessible name

Accessibility requirements

This rule tests conformance of the following accessibility requirements:

This rule checks that elements with a semantic role of region have an accessible name.

This rule applies to every element with a semantic role of region where the element is included in the accessibility tree.

This rule makes no assumptions.

This rule has no known accessibility support concerns.

This <div> with the semantic role of region has an accessible name that is not empty and therefore passes the rule:

<div role="region" aria-label="Recommendations"></div>

This <div> with the semantic role of region does not have an accessible name and therefore fails the rule:

<div role="region"></div>

This <div> does not have the semantic role of region and is therefore inapplicable:

<div role="navigation"></div>