Table test 10

Example 1 - Hidden label in column 1

Select all	Column heading here
Hidden content here	Something else

<tr>
	<td>
		<label for="checkbox1">
			<input id="checkbox1" name="stuff" type="checkbox">
			<span class="ally-context">Hidden content here</span>
		</label>
	</td>
	<td>Something else</td>
</tr>

Example 2 - Visible label in column 2

Select all	Column heading here
	Eat a goat

<tr>
	<td>
		<input id="checkbox2" name="stuff" type="checkbox">
	</td>
	<td>
		<label for="checkbox2">Eat a goat</label>
	</td>
</tr>

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