Skip to Content New Editions Consulting Inc. Company Logo New Editions Consulting Inc. Company Logo

7.B, 1.1.1-decorative-image

Test Name Test ID Test Condition
1.1.1-decorative-image 7.B There is no accessible name and accessible description for a decorative image.

Evaluate Results:

If the following is TRUE, the content PASSES:

  1. The ANDI Output for a decorative image is blank.

Definition:

  • Decorative Image: An image is decorative if it does not add important or relevant information to the content of a page (e.g., decorative borders/spacers, used only for visual formatting or to increase a clickable area, or is sufficiently described by surrounding text).

Interactive Samples

Notes:

  • An image that is on the page but not detected by ANDI as described in Identify Content should not be included in this test.
  • The ANDI Output is empty for an image that has role=” presentation” or aria-hidden=” true”. These cannot be set for meaningful images, which must have an equivalent description in ANDI Output.

Tips:

  • If the ANDI Output contains a warning message or alert, then the Output is not considered blank/empty. ANDI only presents a blank ANDI Output when the element in question contains explicit code to specify a null result (e.g., aria-hidden="true", role="presentation", alt="").
  • ANDI will typically provide some warning or alert when the Accessible Name and Description computations return a null result due to lack of sufficient descriptive attributes.
  • Common applications of "font icons" use custom fonts combined with insertion of the custom font icons into the web page using the CSS psuedo-attributes ::before and/or ::after. Such icons may or may not be detected by ANDI as images, depending on other applied html attributes. Content inserted into the web page using CSS psuedo-attributes ::before and ::after are tested under Test ID 15.A, 1.3.1-meaningful-content-css-before-after.