WebAIM - Web Accessibility In Mind

E-mail List Archives

Best solution for non-distinguishable links occuring in data table

for

From: Angela French
Date: Jul 26, 2017 2:10PM

Hello,
I want to make sure that we are using the best solution to distinguish links in a data table that have the same link text Here is a made up example:

<table>
<tr>
<th>Dog Name</th><th>Dog Color</th><th>Town</th>
</tr>
<tr>
<td>Toby></td><td>brown</td><td>Seattle</td>
</tr>
<tr>
<td>Toby></td><td>black</td><td>New York</td>
</tr>
</table>


Our solution that I'd like your opinion on is to add aria-labelledby using the distinguishable data field as the value. For example:

<tr>
<td>Toby aria-labelledby="brown"></td><td>brown</td><td>Seattle</td>
</tr>
<tr>
<td>Toby aria-labelledby="black"></td><td>black</td><td>New York</td>
</tr>


Any ideas for a better solution?

Thank you,




Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
<EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
www.sbctc.edu<;http://www.sbctc.edu/>;