Back to home

HTML table - TH element at top only test

Test

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>
			<td>Peter</td>
			<td>Sydney</td>
			<td>Australia</td>
		</tr>
		<tr>
			<td>Mary</td>
			<td>Wellington</td>
			<td>New Zealand</td>
		</tr>
		<tr>
			<td>Stanley</td>
			<td>Paris</td>
			<td>France</td>
		</tr>
	</tbody>
</table>
Support chart
OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 Announcing cells forwards:
Row 1. Column 1. Name
Column 2. City
Column 3. Country
Row 2. Name. Column 1. Peter
City. Column 2. Sydney
Country. Column 3. Australia

Announcing cells backwards:
 Announcing cells forwards:
Name. Column 1
City. Column 2
Country. Column 3
Name. Peter. Column 1
City. Sydney. Column 2
Country. Australia. Column 3

Announcing cells backwards:
Windows 7 IE 8 x x
Windows 7 Chrome 39 Announcing cells forwards:
Row 1. Column 1. Name
Column 2. City
Column 3. Country
Row 2. NO NAME. Column 1. Peter
NO CITY. Column 2. Sydney
NO COUNTRY. Column 3. Australia

Announcing cells backwards:
 Announcing cells forwards:
Name. Column 1
City. Column 2
Country. Column 3
Name. Peter. Column 1
City. Sydney. Column 2
Country. Australia. Column 3

Announcing cells backwards:
Windows 7 Firefox 34 Announcing cells forwards:
Row 1. Column 1. Name
Column 2. City
Column 3. Country
Row 2. Name. Column 1. Peter
City. Column 2. Sydney
Country. Column 3. Australia

Announcing cells backwards:
 Announcing cells forwards:
Name. Column 1
City. Column 2
Country. Column 3
Name. Peter. Column 1
City. Sydney. Column 2
Country. Australia. Column 3

Announcing cells backwards:
OSX 10.9 Chrome 39 x
OSX 10.9 Firefox 34 x
OSX 10.9 Safari 7 x

Bottom of page - Back to home