Test Cases Passed Passed Example 1 Open in a new tab This h1 element has a non-empty accessible name.

ACT rules

Passed Example 2 Open in a new tab This div element with a semantic role of heading has a non-empty accessible name.
ACT rules
Passed Example 3 Open in a new tab This h1 element has a non-empty accessible name given by its aria-labelledby attribute.

Learn about ACT rules

Passed Example 4 Open in a new tab This h1 element has a non-empty accessible name given by the alt attribute of its content.

ACT rules

Passed Example 5 Open in a new tab This h1 element is not visible, but is still included in the accessibility tree. It has a non-empty accessible name.

ACT rules

Failed Failed Example 1 Open in a new tab This h1 element has an empty accessible name because its content is not exposed to assistive technologies.

Failed Example 2 Open in a new tab This h1 element has an empty accessible name given by its aria-label attribute. Its content is not exposed to assistive technologies, thus preventing the accessible name to default to the content.

Failed Example 3 Open in a new tab This h1 element has an empty accessible name given by its aria-labelledby attribute. Its content is not exposed to assistive technologies, thus preventing the accessible name to default to the content.

Failed Example 4 Open in a new tab This h1 element has an empty accessible name because the img element has a semantic role of presentation, and thus does not provide an accessible name to the h1 element. Note that the alt attribute does not trigger Presentational Roles Conflict Resolution because it is not an ARIA attribute.

ACT rules

Failed Example 5 Open in a new tab This h1 element has an empty accessible name because the spaces and line break are trimmed by accessible name computation.


Failed Example 6 Open in a new tab This h1 element has an empty accessible name. It is nonetheless rendered by breaking the flow content, resulting in a confusing situation for sighted users. Hello

World! Failed Example 7 Open in a new tab This div element with a semantic role of heading has an empty accessible name (and content). It is nonetheless rendered due to its styling, resulting in a confusing situation for sighted users.
Failed Example 8 Open in a new tab This h1 element has an explicit role of none. However, the global property aria-label is specified. Thus it has a semantic role of heading due to Presentational Roles Conflict Resolution. It has an empty accessible name given by its aria-label attribute and the lack of accessible content to fallback to.

Inapplicable Inapplicable Example 1 Open in a new tab There is no element with a semantic role of heading.
Inapplicable Example 2 Open in a new tab This h1 element is not included in the accessibility tree.

Pass

LOREM IPSUM

Pass

LOREM IPSUM

Pass Fail

Fail

Fail

LOREM IPSUM

Fail

LOREM IPSUM

Passed Shadow DOM Test 1
ACT rules
Passed Shadow DOM Test 2
Passed Shadow DOM Test 3
Passed Shadow DOM Test 4
Passed Shadow DOM Test 5
Failed Shadow DOM Test 1
Failed Shadow DOM Test 2
Failed Shadow DOM Test 3
Failed Shadow DOM Test 4
Failed Shadow DOM Test 5
Failed Shadow DOM Test 6
Failed Shadow DOM Test 7
Failed Shadow DOM Test 8
Inapplicable Shadow DOM Test 1
Inapplicable Shadow DOM Test 2