Skip to main content
RAWEBA

1.6 Does each image conveying information have, if necessary, a detailed description?

WCAG references
  • 1.1.1 Non-text Content (A)
Techniques
  • ARIA6
  • G92
  • G74
  • G73

Official methodology to test criterion 1.6

Test 1 (1.6.1)

  1. Find in the document the images that are implemented using an <img> element (or an element with the WAI-ARIA role="img" attribute) and conveying information that requires a detailed description.
  2. For each image, check that there is
    • Either a text alternative containing a reference to a detailed description adjacent to the image;
    • Or a link or adjacent button giving access to the detailed description.
  3. If this is the case for each image, the test is validated.

Test 2 (1.6.2)

  1. Find in the document the <object> elements with the type="image/..." attribute, which contain information requiring a detailed description.
  2. For each <object> element with the type="image/..." attribute, check that there is
    • either a text alternative containing a reference to a detailed description adjacent to the image;
    • or an adjacent link or button giving access to the detailed description.
  3. If this is the case for each <object> element with the type="image/..." attribute, the test is validated.

Test 3 (1.6.3)

  1. Find in the document the <embed> elements with the type="image/..." attribute, which contain information requiring a detailed description.
  2. For each <embed> element with the type="image/..." attribute, check that there is
    • either a text alternative containing a reference to a detailed description adjacent to the image;
    • or an adjacent link or button giving access to the detailed description.
  3. If this is the case for each <embed> element with the type="image/..." attribute, the test is validated.

Test 4 (1.6.4)

  1. Find in the document the <input> elements with the type="image" attribute, which contain information requiring a detailed description.
  2. For each <input> element with the type="image" attribute, check that there is
    • either a text alternative containing a reference to a detailed description adjacent to the image;
    • a link or adjacent button giving access to the detailed description;
    • or a WAI-ARIA attribute aria-describedby associating a passage of text acting as a detailed description.
  3. If this is the case for each <input> element with the type="image" attribute, the test is validated.

Test 5 (1.6.5)

  1. Find in the document the <svg> elements conveying information that require a detailed description.
  2. For each <svg> element, check that there is
    • either a WAI-ARIA aria-label attribute containing the text alternative and a reference to an adjacent detailed description;
    • or a WAI-ARIA aria-labelledby attribute associating a passage of text acting as a text alternative and another acting as a detailed description;
    • or a WAI-ARIA aria-describedby attribute associating a passage of text acting as a detailed description;
    • or a link or an adjacent button giving access to the detailed description.
  3. If this is the case for each <svg> element, the test is validated.

Test 6 (1.6.6)

  1. Find in the document the <svg> elements conveying information for which a detailed description is provided using an aria-label, aria-labelledby or aria-describedby attribute.
  2. For each <svg> element, check that the content of the detailed description is correctly rendered (by assistive technologies).
  3. If this is the case for each <svg> element, the test is validated.

Test 7 (1.6.7)

  1. Find in the document the <canvas> elements conveying information that require a detailed description.
  2. For each <canvas> element, check that there is
    • either a WAI-ARIA aria-label attribute containing the text alternative and a reference to an adjacent detailed description;
    • or a WAI-ARIA aria-labelledby attribute associating a passage of text acting as a text alternative and another acting as a detailed description;
    • or a text content between <canvas> and </canvas> referring to a detailed description adjacent to the bitmap image;
    • or a text content between <canvas> and </canvas> acting as a detailed description;
    • or an adjacent link or button giving access to the detailed description.
  3. If this is the case for each <canvas> element, the test is validated.

Test 8 (1.6.8)

  1. Find in the document the <canvas> elements conveying information whose detailed description is provided by means of an aria-label, aria-labelledby or aria-describedby attribute.
  2. For each <canvas> element, check that the content of the detailed description is correctly rendered (by assistive technologies).
  3. If this is the case for each <canvas> element, the test is validated.

Test 9 (1.6.9)

  1. Find in the document the images (<img>, <input> elements with the type="image" attribute, <area>, <object>, <embed>, <svg>, <canvas> elements, or elements possessing a WAI-ARIA role="img" attribute) conveying information whose detailed description uses a WAI-ARIA aria-describedby attribute.
  2. For each image, check that the content of the detailed description is correctly rendered (by assistive technologies).
  3. If this is the case for each image, the test is validated.

Test 10 (1.6.10)

  1. Find in the document the elements with a WAI-ARIA role="img" attribute that contain information requiring a detailed description.
  2. For each role="img" element, check that there is
    • either a WAI-ARIA aria-label attribute containing the text alternative and a reference to an adjacent detailed description;
    • or a WAI-ARIA aria-labelledby attribute associating a passage of text acting as a text alternative and another acting as a detailed description;
    • or a WAI-ARIA aria-describedby attribute associating a passage of text acting as a detailed description;
    • or a link or an adjacent button giving access to the detailed description.
  3. If this is the case for each role="img" element, the test is validated.