Skip to main content
RAWEBA

1.2 Is every decorative image, without a caption, correctly ignored by assistive technologies?

WCAG references
  • 1.1.1 Non-text Content (A)
  • 4.1.2 Name, Role, Value (A)
Techniques
  • ARIA4
  • C9
  • F38
  • F39
  • G196
  • H67

Official methodology to test criterion 1.2

Test 1 (1.2.1)

  1. Find in the document the decorative images without a legend implemented using an <img> element.
  2. For each image, check that it has an aria-hidden="true" attribute.
  3. If not, check that the image has a role="presentation" or role="none" attribute and that it does not have aria-labelledby, aria-label, or title attributes.
  4. If not, check that the image has an empty alt attribute (alt="") and that it does not have aria-labelledby, aria-label, or title attributes.
  5. If this is the case for each image, the test is validated.

Test 2 (1.2.2)

  1. Find in the document the decorative images implemented using an <area> element (without a href attribute).
  2. For each image, check that the <area> element has an aria-hidden="true" attribute.
  3. If not, check that the <area> element has a role="presentation" or role="none" attribute and that it does not have aria-labelledby, aria-label, or title attributes.
  4. If not, check that the <area> element has an empty alt attribute (alt="") and that it does not have aria-labelledby, aria-label, or title attributes.
  5. If this is the case for each image, the test is validated.

Test 3 (1.2.3)

  1. Find in the document the decorative images implemented without an image caption using an <object> element (with a type="image/..." attribute).
  2. For each image, check that the opening <object> tag does not have aria-labelledby, aria-label or title attributes and that it
    • has a WAI-ARIA aria-hidden="true" attribute;
    • and has no text alternative;
    • and has no alternative content between the <object> and </object> tags.
  3. If this is the case for each image, the test is validated.

Test 4 (1.2.4)

  1. Find in the document the decorative images without an image caption, implemented using a <svg> element.
  2. For each image, check that the <svg> element has a WAI-ARIA aria-hidden="true" attribute.
  3. If this is the case for each image, the test is validated.

Test 5 (1.2.5)

  1. Find in the document the decorative images without an image caption implemented using a <canvas> element.
  2. For each image, check that the <canvas> element has no aria-labelledby, aria-label or title attributes and that it
    • has a WAI-ARIA aria-hidden="true" attribute;
    • and has no text alternative;
    • and has no alternative content between the <canvas> and </canvas> tags.
  3. If this is the case for each image, the test is validated.

Test 6 (1.2.6)

  1. Find in the document the decorative images without an image caption using an <embed> element (with a type="image/..." attribute).
  2. For each image, check that the <embed> element does not have aria-labelledby, aria-label or title attributes and that it
    • has a WAI-ARIA aria-hidden="true" attribute;
    • and has no text alternative;
  3. If this is the case for each image, the test is validated.