WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Adding ARIA tag to "Click here" links?

for

From: Henry, Michael (IntelliDyne)
Date: Dec 12, 2017 10:50AM

As for which aria attr to use, it looks like "aria-labelledby" fits my situation best. It applies when there is an existing visible text node to refer to, versus aria-label, which would apply when a label or description of some sort needs to be added.
Taken from this reference (https://www.w3.org/WAI/GL/wiki/Using_aria-labelledby_for_link_purpose):



With the aria-labelledby attribute, authors can use a visible text element on the page as a label for a focusable element (a form control or a link). For example, a "read more..." link could be associated with the text of the heading of the preceding section to make the purpose of the link unambiguous


---
Mike S. Henry
Creative Services Lead
IntelliDyne Contract Employee
Supporting Enterprise Infrastructure (formerly Military Health System Cyberinfrastructure Services - MCiS)
Desk: (703) 882-3962

From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of Tim Harshbarger < <EMAIL REMOVED> >
Sent: Tuesday, December 12, 2017 12:43:28 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Adding ARIA tag to "Click here" links?

The other option would be to use aria-describedby on the link instead of using the aria-labelledby attribute.