WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [EXT] Label in name

for

From: Jonathan Whiting
Date: May 6, 2021 12:53PM

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

This example passes WCAG 2.1 2.5.3 "Label in Name" because the visible label of "Recipe" is contained within the link's accessible "name" (the information presented to assistive technology): "Recipe for apple Pie". I'm not suggesting that additional hidden text for a screen reader is a good idea--I think it is often overused--just that it meets the "label in name" requirement.

For a longer answer to your question, I'd recommend reading https://webaim.org/articles/label-name/.

Hope this helps,
Jon


Jonathan Whiting
Director of Training, WebAIM
WebAIM<https://webaim.org> | Center for Persons with Disabilities<https://cpd.usu.edu> | Utah State University<https://usu.edu>