Technique F89:Failure of Success Criteria 2.4.4, 2.4.9 and 4.1.2 due to not providing an accessible name for an image which is the only content in a link
Applicability
Content that contains links.
This technique relates to:
- 2.4.4: Link Purpose (In Context) (Failure)
- 2.4.9: Link Purpose (Link Only) (Failure)
- 4.1.2: Name, Role, Value (Failure)
Description
This failure condition occurs when a link contains only non-text content, such as an image, and that link cannot be identified by an accessible name. The accessible name for a link is defined according to the Accessible Name and Description Computation.
This also applies when both text and images are used separately on a page to link to the same target. In this case success technique H2: Combining adjacent image and text links for the same resource is the recommended approach to reduce the number of separate links and the undesirable redundancy.
Examples
Example 1: HTML Search Results
A search site returns search results that include both a text link and an image link
to the match site. The image has a null alt
attribute, since the result already contains a link with a text description. However,
the screen reader does not ignore the image link but uses heuristics to find some
text that might describe the purpose of the link. For example, the screen reader might
announce, "football dot gif Football Scorecard."
<a href="scores.html"> <img src="football.gif" alt="" /> </a> <a href="scores.html"> Football Scoreboard </a> }
Other sources
No endorsement implied.
Tests
Procedure
- Check whether the link contains only non-text content.
- Check whether the non-text content has been implemented in a way that it can be ignored by assistive technologies, such as using role="presentation" or alt="" .
- Check that the link does not have an accessible name provided in another way such
as
aria-label
oderaria-labelledby
.
Expected Results
- If all checks are true, then this failure condition applies and the content fails the success criterion.