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

7.A, 1.1.1-meaningful-image-name

Test Name Test ID Test Condition
1.1.1-meaningful-image-name 7.A The accessible name and accessible description for a meaningful image provides an equivalent description of the image.

Evaluate Results:

If the following is TRUE, the content PASSES:

  1. The ANDI Output contains the equivalent description for the meaningful image and/or refers to a description in the page content.

Definition:

  • Meaningful Image: A meaningful image is one that conveys information that, if removed, would result in a loss of content or context (e.g., images of text or graphics, functional images used to initiate an action, or images that prompt a response).

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.