back to CanAdapt home

Putting a div with negative tabindex around a table

  2017 2016
Toyota 45 89
Honda 52 75

Results

JAWS 18, NVDA 2017.2, VoiceOver all read it OK.

Code

<div tabindex="-1">
<table width="200" border="1">
<tbody>
<tr>
<th scope="col">&nbsp;</th>
<th scope="col">2017</th>
<th scope="col">2016</th>
</tr>
<tr>
<th scope="row">Toyota</th>
<td>45</td>
<td>89</td>
</tr>
<tr>
<th scope="row">Honda</th>
<td>52</td>
<td>75</td>
</tr>
</tbody>
</table>
</div>

 

Putting a div with negative tabindex around a table

  2017 2016
Toyota 45 89
Honda 52 75

Results

JAWS 18, NVDA 2017.2, VoiceOver all read it OK.

Code

<table tabindex="-1" width="200" border="1">
<tbody>
<tr>
<th scope="col">&nbsp;</th>
<th scope="col">2017</th>
<th scope="col">2016</th>
</tr>
<tr>
<th scope="row">Toyota</th>
<td>45</td>
<td>89</td>
</tr>
<tr>
<th scope="row">Honda</th>
<td>52</td>
<td>75</td>
</tr>
</tbody>
</table>