1.1.1 Non-text Content - Check #376

Test Cases Passed Passed Example 1 Open in a new tab This img element has an accessible name because of the alt attribute. W3C logo Passed Example 2 Open in a new tab This semantic img element has an accessible name because of the aria-label attribute.
Passed Example 3 Open in a new tab This semantic img element has an accessible name because of an aria-labelledby attribute and an element with matching id.
Passed Example 4 Open in a new tab This img element has an accessible name because of a title attribute. Note: There are assistive technologies that do not support using the title attribute for an accessible name, or in which this feature can be disabled. Passed Example 5 Open in a new tab This img element has an implicit role of presentation because of the empty alt attribute. background Passed Example 6 Open in a new tab This img element has an explicit role of presentation because of the value of the role attribute. Passed Example 7 Open in a new tab This img element has an explicit role of none because of the value of the role attribute. Passed Example 8 Open in a new tab This off screen img element has an implicit role of presentation because of the empty alt attribute.
Failed Failed Example 1 Open in a new tab This img element has an empty accessible name and an implicit role of img because it is missing an alt attribute. Failed Example 2 Open in a new tab This element with role of img has an empty accessible name.
Failed Example 3 Open in a new tab This img element inside a div positioned off screen has an empty accessible name and an implicit role of img.
Failed Example 4 Open in a new tab This img element has an empty accessible name because the space in the alt attribute is trimmed off by the accessible name computation. Because of the space, the alt attribute is not empty ("") which gives the element the implicit role of img. Failed Example 5 Open in a new tab This img element has an explicit role of none. However, it is focusable due to the tabindex attribute. Because of this it has a semantic role of img due to Presentational Roles Conflict Resolution. It does not have an accessible name. Inapplicable Inapplicable Example 1 Open in a new tab This svg element has an implicit role of graphics-document. Inapplicable Example 2 Open in a new tab This semantic img element is hidden with aria-hidden set to "true". Inapplicable Example 3 Open in a new tab This img element is hidden with aria-hidden set to "true". Inapplicable Example 4 Open in a new tab This img element is hidden because its parent has display: none.
Inapplicable Example 5 Open in a new tab This img element is hidden with visibility: hidden.
Passed Shadow DOM Test 1
Passed Shadow DOM Test 2
Passed Shadow DOM Test 3
Passed Shadow DOM Test 4
Passed Shadow DOM Test 5
Passed Shadow DOM Test 6
Passed Shadow DOM Test 7
Passed Shadow DOM Test 8
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
Inapplicable Shadow DOM Test 1
Inapplicable Shadow DOM Test 2
Inapplicable Shadow DOM Test 3
Inapplicable Shadow DOM Test 4
Inapplicable Shadow DOM Test 5