1.6
Does each image conveying information have, if necessary, a detailed description?
WCAG Reference
WCAG 1.1.1Tests
- 1.6.1
Does each image (
<img>tag) conveying information, which requires a detailed description, meet one of these conditions?There is an alternative text containing a reference to a detailed description adjacent to the image.
There is an adjacent link or button giving access to the detailed description. - 1.6.2
Does each object image (
<object>tag with thetype="image/..."attribute) conveying information, which requires a detailed description, meet one of these conditions?There is an alternative text containing a reference to a detailed description adjacent to the image.
There is an adjacent link or button giving access to the detailed description. - 1.6.3
Does each embedded image (
<embed>tag) conveying information, which requires a detailed description, meet one of these conditions?There is an alternative text containing a reference to a detailed description adjacent to the image.
There is an adjacent link or button giving access to the detailed description. - 1.6.4
Does each button of the image type (
<input>tag with thetype="image"attribute) conveying information, which requires a detailed description, meet one of these conditions?There is an alternative text containing a reference to a detailed description adjacent to the image.
There is an adjacent link or button giving access to the detailed description.
There is a WAI-ARIAaria-describedbyattribute associating a passage of text acting as detailed description. - 1.6.5
Does each vector image (
<svg>tag) conveying information, which requires a detailed description, meet one of these conditions?There is a WAI-ARIAaria-labelattribute containing the text alternative and a reference to an adjacent detailed description.
There is a WAI-ARIAaria-labelledbyattribute associating a passage of text acting as a text alternative and another acting as a detailed description.
There is a WAI-ARIAaria-describedbyattribute associating a passage of text acting as a detailed description.
There is an adjacent link or button leading to the detailed description. - 1.6.6
For each vector image (
<svg>tag) conveying information, having a detailed description, is any reference to the detailed description in the WAI-ARIAaria-labelattribute and the associated detailed description in the WAI-ARIAaria-labelledbyoraria-describedbyattribute correctly rendered (by assistive technologies)? - 1.6.7
Does each bitmap image (
<canvas>tag), conveying information, which requires a detailed description, meet one of these conditions?There is a WAI-ARIAaria-labelattribute containing the text alternative and a reference to an adjacent detailed description.
There is a WAI-ARIAaria-labelledbyattribute associating a passage of text acting as a text alternative and another acting as a detailed description.
There is text content between<canvas>and</canvas>referring to a detailed description adjacent to the bitmap image.
There is text content between<canvas>and</canvas>that acts as a detailed description.
There is an adjacent link or button allowing access to the detailed description. - 1.6.8
For each bitmap image (
<canvas>tag) conveying information, which implements a reference to an adjacent detailed description, is this reference correctly rendered (by assistive technologies)? - 1.6.9
For each image (
<img>,<input>tags with thetype="image"attribute,<area>,<object>,<embed>,<svg>,<canvas>tags, or tags having a WAI-ARIArole="img"attribute) conveying information, which is accompanied by a detailed description and which uses a WAI-ARIAaria-describedbyattribute, does the WAI-ARIAaria-describedbyattribute associate the detailed description? - 1.6.10
Does each tag with a WAI-ARIA
role="img"attribute conveying information, which requires a detailed description, meet one of these conditions?There is a WAI-ARIAaria-labelattribute containing the text alternative and a reference to an adjacent detailed description.
There is a WAI-ARIAaria-labelledbyattribute associating a passage of text acting as a text alternative and another acting as a detailed description.
There is a WAI-ARIAaria-describedbyattribute associating a passage of text acting as a detailed description.
There is an adjacent link or button leading to the detailed description.
WCAG Techniques
- ARIA6
- G92
- G74
- G73