Home > Criteria > Image missing alt attribute

Image missing alt attribute

Compliance Data & User Impact

User Impact: Critical

Disabilities Affected:

blindness
deaf blindness
learning disabilities

WCAG Version:
2

WCAG Levels:

WCAG Guidelines:

1.1.1

Solution Techniques:

H67.ImageMissingAltAttr

Automated Test Accuracy:
High

uTester Severity:
Error

DRRSAG Designations:

description

How to Fix the Problem

Each image should have an alt attribute. If the image is meaningful- the alt text must convey the same meaning as the image, e.g. when an image contains words that are important to understanding the content, the alt text should include those words. In case the image is decorative and should be ignored by assistive technology the alt should be set to null.

The Algorithm, in Simple Terms

Engine scans the page for <IMG> elements inside links missing an alt attribute

Why Is it Important?

Users who use assistive tools, such as screen readers rely on the alternative text.

Code Example

<a href="link.html">

<img src="/example_"img.gif" alt="example_text to link" /> 

</a>

Additional Information

Relevant Technologies:

This element perfoms as a container, and has no functionality. This container may contain another elements that has functionality or logical role.

Ignore this issue if this element has an alternative that performs the same and overrides the content of this element.