Back to home
HTML table - TH elements at top and side test
Test
- Top TH content should be announced with TD cells
Example
This is the caption
Name |
City |
Country |
Peter |
Sydney |
Australia |
Mary |
Wellington |
New Zealand |
Stanley |
Paris |
France |
Code
<table>
<caption>This is the caption</caption>
<thead>
<tr>
<th>Name</th>
<th>City</th>
<th>Country</th>
</tr>
</thead>
<tbody>
<tr>
<th>Peter</th>
<td>Sydney</td>
<td>Australia</td>
</tr>
<tr>
<th>Mary</th>
<td>Wellington</td>
<td>New Zealand</td>
</tr>
<tr>
<th>Stanley</th>
<td>Paris</td>
<td>France</td>
</tr>
</tbody>
</table>
Support chart
OS |
Browser |
NVDA 2014.4 |
JAWS 16 |
VoiceOver |
Windows 7 |
IE 11 |
x
|
x
|
|
Windows 7 |
IE 8 |
x
|
x
|
|
Windows 7 |
Chrome 39 |
x
|
x
|
|
Windows 7 |
Firefox 34 |
x
|
x
|
|
OSX 10.9 |
Chrome 39 |
|
|
x
|
OSX 10.9 |
Firefox 34 |
|
|
x
|
OSX 10.9 |
Safari 7 |
|
|
x
|
Bottom of page - Back to home