Image inside link missing alternative text

Compliance Data & User Impact

User Impact: Major

60% Complete

Disabilities Affected:

  • all

WCAG Version:
2

WCAG Levels:

  • A

WCAG Guidelines:

Solution Techniques:

Automated Test Accuracy:
High

uTester Severity:
2

DRRSAG Designations:

  • description

How to Fix the Problem

Add an alt attribute with text alternative describing the purpose of the link.

The Algorithm, in Simple Terms

The engine scans the page for <img> elements which are the child of an <a> element which contains no text and checks their alt attribute

Why Is it Important?

Users who use assistive tools, such as screen readers rely on a descriptive information to detect the content and controls.

Code Example

<a href="#example">Example headline</a>

Additional Information

More assosiated techniques related to broken links are: G1: Adding a link at the top of each page that goes directly to the main content area (https://www.w3.org/TR/WCAG20-TECHS/G1.html), G126: Providing a list of links to all other Web pages ( https://www.w3.org/TR/WCAG20-TECHS/G126.html)

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.

Address: 401 9th St NW, 6th Floor
Washington, DC 20004
Phone number: (888) 995-WCAG
International number: 1(888) 995-9224
Email: accessibility@user1st.com