WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [EXT] Label in name

for

From: Jared Smith
Date: May 6, 2021 12:56PM

> <A href="RecipePie.html">Recipe <span class="hidden"> for apple
> pie</span></a>

> Is this a violation of WCAG 2.1 2.5.3 "Label in name" ? And if so, are there
> any alternatives other than displaying the full link text?

It's not a "Label in name" failure because the label ("Recipe") is within the accessible name ("Recipe for apple pie").

This can be potentially confusing for screen reader users to hear hidden content, though does address the ambiguity of the link. It can also pose issues for voice control users because the visual text does not align with the underlying link text. So it solves some problems but introduces others.

A better approach is to just provide the full text in the link. This is almost always going to be better for everyone and can typically be accomplished with some creativity.

Jared