WebAIM - Web Accessibility In Mind

E-mail List Archives

Label in name

for

From: Jon Brundage
Date: May 6, 2021 12:38PM

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