WebAIM - Web Accessibility In Mind

E-mail List Archives

Truncated links and titles

for

From: Steven Garvin
Date: Jun 25, 2015 9:14AM

Hi,



I've been doing some research on acceptable uses of title attributes on links but can't seem to find anything on a piece of functionality we're about to implement. We have a list of links, each representing a user-entered data set. The link name is a title field which could be up to 100 characters long. In our application this will, in some instances, be too long to display and so needs to be truncated. The desired functionality is to display the shortened version on the link with the full string inside the title attribute on the link so that it will display as a tooltip. For example:



<a href="#" title="This is the full title for the data set">This is the full.</a>



My question is then, is this an acceptably accessible solution? My understanding is that JAWS for one will read both the link name and the title, which seems a bit wrong to me. Is the solution to add an Aria-label with the full title?



Thanks,



Steven