1.1.1 Non-text Content - Check #375

Passed Example 1 This svg element has an explicit role of img and an accessible name from the title element that is not empty.

How many circles are there?

1 circle Passed Example 2 This circle element has an explicit role of graphics-symbol and an accessible name from the aria-label attribute that is not empty.

How many circles are there?

Passed Example 3 This svg element has an explicit role of graphics-document and an accessible name from the title element that is not empty.

How many circles are there?

1 circle Failed Failed Example 1 This svg element has an explicit role of img but has an empty ("") accessible name.

How many circles are there?

Failed Example 2 This svg element has an explicit role of img, is included in the accessibility tree, but it has an empty ("") accessible name because the title element is empty.

How many circles are there?

Failed Example 3 This circle element has an explicit role of graphics-symbol but has an empty ("") accessible name.

How many circles are there?

Failed Example 4 This svg element with an explicit role of img has an empty ("") accessible name. The SVG text element is not used in computing the accessible name.

How many circles are there?

1 circle Inapplicable Inapplicable Example 1 Neither the svg element nor the circle element has any of the three explicit roles of img, graphics-document, graphics-symbol. Inapplicable Example 2 This svg element and its descendants are not included in the accessibility tree because of the aria-hidden attribute. Inapplicable Example 3 This circle element has an explicit role that is neither img, graphics-document nor graphics-symbol.
Passed Shadow DOM Test 1
Passed Shadow DOM Test 2
Passed Shadow DOM Test 3
Failed Shadow DOM Test 1
Failed Shadow DOM Test 2
Failed Shadow DOM Test 3
Failed Shadow DOM Test 4
Inapplicable Shadow DOM Test 1
Inapplicable Shadow DOM Test 2
Inapplicable Shadow DOM Test 3