Link's aria-labelledby Attribute Does Not References An Existing Element

Compliance Data & User Impact

User Impact: Critical

100% Complete

Disabilities Affected:

  • all users

WCAG Version:
2

WCAG Levels:

  • A

WCAG Guidelines:

Solution Techniques:

Automated Test Accuracy:
High

Check1st Severity:
3

DRRSAG Designations:

  • description

How to Fix The Problem

Assign the aria-labelledby attribute value the id attribute value of the link element you wish to associate with it.

The Algorithm, In Simple Terms

The engine scans all links using an aria-labelledby attribute, and checks whether an element with the corresponding id attribute exists on the page.

Why Is It Important?

Screen reader users may fail to understand the purpose of the link.

Code Example

<h2 id="header">Header</h2>
<p>Summary text. <a id="link" href="/article" aria-labelledby="link header">Read More.</a></p>

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.