Skip to main content
RAWEBAA

1.8 In the absence of a replacement mechanism, each image of text conveying information must, if possible, be replaced by styled text. Is this rule respected (excluding special cases)?

WCAG references
  • 1.4.5 Images of Text (AA)
Techniques
  • C22
  • C30
  • G136
  • G140

Official methodology to test criterion 1.8

Test 1 (1.8.1)

  1. Find in the document the images of text implemented using an <img> element (or an element with the WAI-ARIA role="img" attribute).
  2. For each image, check that:
    • either a replacement mechanism exists;
    • or the image contains text which uses a graphic effect which cannot be reproduced in CSS.
  3. If this is the case for each image, the test is validated.

Test 2 (1.8.2)

  1. Find in the document the "image of text" buttons (<input> element with the type="image" attribute).
  2. For each image, check that
    • either there is a replacement mechanism;
    • or the image contains text that uses a graphic effect that cannot be reproduced in CSS.
  3. If this is the case for each image, the test is validated.

Test 3 (1.8.3)

  1. Find in the document the image of text objects (<object> element with the type="image/..." attribute).
  2. For each image, check that
    • either there is a replacement mechanism;
    • or the image contains text which uses a graphic effect which cannot be reproduced in CSS.
  3. If this is the case for each image, the test is validated.

Test 4 (1.8.4)

  1. Find in the document the embedded images of text (<embed> element with the type="image/..." attribute).
  2. For each image, check that
    • Either there is a replacement mechanism;
    • Or the image contains text which uses a graphic effect which cannot be reproduced in CSS.
  3. If this is the case for each image, the test is validated.

Test 5 (1.8.5)

  1. Find in the document the bitmap images of text (<canvas> element).
  2. For each image, check that
    • either there is a replacement mechanism;
    • or the image contains text that uses a graphic effect that cannot be reproduced in CSS.
  3. If this is the case for each image, the test is validated.

Test 6 (1.8.6)

  1. Find in the document the vector images of texts (<svg> element) that carry information and whose text is not completely implemented using <text> elements.
  2. For each image, check that
    • either there is a replacement mechanism;
    • or the image contains text which uses a graphic effect which cannot be reproduced in CSS.
  3. If this is the case for each image, the test is validated.