1.1.1 Non-text Content - Check #379
Passed Passed Example 1 Open in a new tab This img element has an alt attribute that describes the image.
Passed Example 2 Open in a new tab This svg element has an aria-label attribute that
describes the HTML5 logo image.
Passed Example 3 Open in a new tab This canvas element has an aria-label attribute that
describes the W3C logo image.
Failed Failed Example 1 Open in a new tab This img element has an alt attribute that
incorrectly describes the image.
Failed Example 2 Open in a new tab This svg element has an aria-label attribute that
incorrectly describes the image (the aria-label is “W3C” but the actual image is the
HTML5 logo).
Failed Example 3 Open in a new tab This canvas element has an aria-label attribute that
incorrectly describes the image (the aria-label is “HTML5 logo” but the actual image is
the W3C logo).
Inapplicable Inapplicable Example 1 Open in a new tab This img element has an empty ("")
accessible name. The image is described by the adjacent text.
PDF document Inapplicable Example
2 Open in a new tab This decorative img element has an empty ("") accessible name
because it has no attributes or content to provide an accessible name.
Happy new year!
Inapplicable Example 3 Open in a new tab This svg element has an empty ("") accessible
name because it has no attributes or content to provide an accessible name.
Happy new year!
Inapplicable Example 4 Open in a new tab This canvas element has an empty ("") accessible name because it has no attributes or content to provide an accessible name.Happy new year!
Inapplicable Example 5 Open in a new tab This img element is not visible. Inapplicable Example 6 Open in a new tab This canvas element is not visible because it is completely transparent. Inapplicable Example 7 Open in a new tab This img element has no accessible name because it is not included in the accessibility tree. Inapplicable Example 8 Open in a new tab This svg element is ignored because it is a child of a link that provides its accessible name. Inapplicable Example 9 Open in a new tab This img element has a src attribute which will cause the image request state to be Broken.
Inapplicable Example 10 Open in a new tab This is a div element with a background image.
Background images must be tested separate from this rule.
Happy new year!