WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Label in name

for

From: glen walker
Date: May 6, 2021 12:56PM

No, it's not a violation. It helps both 2.4.4 and 2.5.3. The hidden text
is not visible. Only the visible text needs to be part of the accessible
name.

This would be a violation:

<a href="..." aria-label="yummy apple pie">apple pie recipe</a>

Since the visible text is "apple pie recipe", those words need to be part
of the accessible name. In this case, the accessible name is "yummy apple
pie". It's close, but still fails since "recipe" is not part of the
accessible name. A speech interface user would not be able to say "click
recipe" even though they see the word "recipe" in the link.


On Thu, May 6, 2021 at 12:38 PM Jon Brundage via WebAIM-Forum <
<EMAIL REMOVED> > wrote:

> Hello-
>
>
>
> A common practice to make links unique and understandable while preserving
> minimum link text length is to append the link with hidden text via CSS.
>
>
>
> For example:
>
>
>
> <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?
>
>
>
> Thanks
>
>
>
> Jon
>
> > > > >