WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Birkir R. Gunnarsson
Date: Dec 13, 2017 5:14AM

I'd just go with the good old visibly hidden text )except I would move
it to after the visible "learn more" and add the word "about" new
item" (make sure to start the visibly hidden span with a whitespace).



On 12/12/17, cb < <EMAIL REMOVED> > wrote:
> I would hesitate to do something that would make the aria-label or
> aria-labeledby content significantly different from the visible content. If
> you're using a combination magnifier/screenreader (such as for low vision),
> or highlighter/screenreader (such as for certain cognitive disabilities) it
> could be confusing to have what's read out loud for a link not match what
> you can see.
>
> Caroline
>
> On Tue, Dec 12, 2017 at 9:50 AM, Henry, Michael (IntelliDyne) <
> <EMAIL REMOVED> > wrote:
>
>> 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.
>>
>>