WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Henry, Michael (IntelliDyne)
Date: Dec 13, 2017 6:19AM

Thank you all for the excellent feedback. Great suggestions.
Sean, I hadn't even considered what happens if the content is changed down the road. That could really muddle everything up.

I think I'll stick the the "visiblyHidden" text... seems simpler and more future-proof.


thanks again,

Mike


---
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 Birkir R. Gunnarsson < <EMAIL REMOVED> >
Sent: Wednesday, December 13, 2017 7:14:39 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Adding ARIA tag to "Click here" links?

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.
>>
>>