WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: search results not being announced

for

From: Lovely, Brian (CONT)
Date: Jul 31, 2017 2:21PM

This isn't an answer to your question, but I noticed aria-labelledby is being set to a text string. Aria-label accepts a text string, aria-labelledby and aria-describedby accept space-delimited lists of IDs. ...also, aria-labelled by will cause the actual element text to not be read out. You probably want to use aria-describedby instead.

<td>

<a id="MainContent_gvResults_lnkDetails_0" class="DetailsLink" aria-labelledby="J M Weatherwax (Aberdeen)" href="javascript:__doPostBack('ctl00$MainContent$gvResults$ctl03$lnkDetails','')">HVAC</a>
</td>


Do this kind of thing instead:

<td>

<a id="MainContent_gvResults_lnkDetails_0" class="DetailsLink" describedby=" MainContent_gvResults_lblHS_0href="javascript:__doPostBack('ctl00$MainContent$gvResults$ctl03$lnkDetails','')">HVAC</a>
</td>

<td>
<span id="MainContent_gvResults_lblHS_0">J M Weatherwax (Aberdeen)</span>
</td>

...which should read out something like "link HVAC J M Weatherwax open parenthesis Aberdeen close parenthesis"