WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: labeling a link in the html code question

for

From: Samuel Hobson
Date: Dec 9, 2019 3:38PM

Hey, Tyler -

Yes. The text that sits within <a> tags forms the name or 'label' for that link.

<a href="#">read our menu</a>.

However, if you have a case where you're not putting text inside the link - maybe it's an image, or an icon you want to work like a link, you can use aria.

<a href="#" aria-label="Read our menu"> ... </a>

Or, if you have text elsewhere on your page that could suit as the link's accessible name, you could reference the id for that text:

<a href="#" aria-labelledby="idName"> ... </a>

From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of L Snider < <EMAIL REMOVED> >
Sent: Tuesday, 10 December 2019 8:38 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] labeling a link in the html code question

I would suggest taking out the 'click here to'. Make the link descriptive
without extra words, short and sweet for everyone. Plus on mobile, one
doesn't click!

Oh and remember to make the link noticeable with a different colour and
underline. This makes it more accessible for everyone.

Cheers

Lisa

On Mon, Dec 9, 2019 at 6:27 PM Tyler Shepard < <EMAIL REMOVED> >
wrote:

> When a link is coded and a name is given for it eg click here to read out
> menu, is that put in the code?
> (a) click here to read our menu (/a)
> Asking to learn.
> > > > >