WebAIM - Web Accessibility In Mind

E-mail List Archives

Aural readers and onClick JavaScript

for

From: Sam
Date: Jul 20, 2006 2:30PM

We have always coded anchor tags for aural readers. Done this for years.
No complaints.

We're beginning to use JavaScript to render a "Table of Contents". Right
now, there are no anchor tags in the table. Instead, each row <tr> is
dynamically given an onClick event. In other words, it's not visible in the
HTML at all.

I'm guessing, but want to verify, that aural readers won't see the onClick
event at all, so in spite of the "title" in each <tr> tag instructing users
to click to visit the module, the aural reader won't get it. Am I right?

We will need to redesign the "Table of Contents" to explicityly show the
links as anchor tags in the HTML?

Do aural readers detect onClick events if they're explicitly coded?

Sam

Here's the format of the existing table...

<table id="toctable" align="center" border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr id="tocwinheader">
<th class="" style="border-right: 0px none; padding: 1px;" colspan="3"
scope="col" align="center">Completed Pages</th>
<th class="" scope="col" align="left">Module Title</th>
</tr>
<tr id="tocMod-1" class="alt" title="Click to return to the last visited
page of this module."><!-- onClick is dynamicly assigned to the <tr> tag -->
<td style="border-right: 0px none;" class="" align="right">&nbsp;</td>
<td class="" style="border-right: 0px none; padding: 1px;"
align="center">1</td>
<td class="" style="padding-left: 1px; padding-right: 2px;"> of 2</td>
<td class="">Module A Title here</td>
</tr>
<tr id="tocMod-2" title="Click to return to the last visited page of
this module.">
<td style="border-right: 0px none;" class="" align="right">&nbsp;</td>
<td class="" style="border-right: 0px none; padding: 1px;"
align="center">0</td>
<td class="" style="padding-left: 1px; padding-right: 2px;"> of
10</td>
<td class="">Module B Title here</td>
</tr>
</tbody>
</table>