1.6

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

WCAG Reference

WCAG 1.1.1

Tests

  1. 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.
  2. 1.6.2

    Does each object image (<object> tag with the type="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.
  3. 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.
  4. 1.6.4

    Does each button of the image type (<input> tag with the type="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-ARIA aria-describedby attribute associating a passage of text acting as detailed description.
  5. 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-ARIA aria-label attribute containing the text alternative and a reference to an adjacent detailed description.
    There is a WAI-ARIA aria-labelledby attribute associating a passage of text acting as a text alternative and another acting as a detailed description.
    There is a WAI-ARIA aria-describedby attribute associating a passage of text acting as a detailed description.
    There is an adjacent link or button leading to the detailed description.
  6. 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-ARIA aria-label attribute and the associated detailed description in the WAI-ARIA aria-labelledby or aria-describedby attribute correctly rendered (by assistive technologies)?

  7. 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-ARIA aria-label attribute containing the text alternative and a reference to an adjacent detailed description.
    There is a WAI-ARIA aria-labelledby attribute 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.
  8. 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)?

  9. 1.6.9

    For each image (<img>, <input> tags with the type="image" attribute, <area>, <object>, <embed>, <svg>, <canvas> tags, or tags having a WAI-ARIA role="img" attribute) conveying information, which is accompanied by a detailed description and which uses a WAI-ARIA aria-describedby attribute, does the WAI-ARIA aria-describedby attribute associate the detailed description?

  10. 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-ARIA aria-label attribute containing the text alternative and a reference to an adjacent detailed description.
    There is a WAI-ARIA aria-labelledby attribute associating a passage of text acting as a text alternative and another acting as a detailed description.
    There is a WAI-ARIA aria-describedby attribute 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