Accessible tables

[Clancolin]

Hi,
I'd like a little guidance please. I'm creating a long (multiple-row) table, consisting of two colums as part of an epub. The table gives a code and a decode, like this:

Number Weather
00 Dry
01 Wet
02 Sunny

and so on.

I'm confused as the the best way to add accessibility to this. If I do this
<th id="code">
Code
</th>
<th id="weather">
Weather.
</th>
Then I'd want a screen-reader to read out
"Code..00, Weather Dry"
"Code..01, Weather Wet"

I'm using "id" for the table rows, so that, if I hyperlinked from another page to any specific code e.g.code 15, the result would be "code 15 weather snowy"

Does this work?
<tr id="00">
<td scope="row" headers="code" >
00.
</td>
<td headers="weather">
Dry.
</td>
</tr>

The use of "scope" is to try to link the number with the weather type, but I'm not sure that will work. Any assistance would be appreciated. Thanks.

[Tex2002ans]

Originally Posted by Clancolin

I'm creating a long (multiple-row) table, consisting of two colums as part of an epub. [...] I'm confused as the the best way to add accessibility to this.

Number Weather
00 Dry
01 Wet
02 Sunny

<table>
<thead>
	<tr>
	<th scope="col">Number</th>
	<th scope="col">Weather</th>
	</tr>
</thead>

<tbody>
	<tr>
	<th scope="row">00</th>
	<td>Dry</td>
	</tr>

	<tr>
	<th scope="row">01</th>
	<td>Wet</td>
	</tr>

	<tr>
	<th scope="row">02</th>
	<td>Sunny</td>
	</tr>
</tbody>
</table>

Web Accessibility Tutorials (WAI) has pretty good examples of different tables:

https://www.w3.org/WAI/tutorials/tables/

Just note, stuff like <caption>, <figure>, <figcaption>, don't work too well in many readers... so probably avoid using those.

If you need titles/captions, usually I just add a <p class=""> outside of the <table> itself:

<p class="tabletitle">Table 1: The Weather</p>
<table>
[...]
</table>
<p class="caption">This is a caption.</p>

[Clancolin]

Thanks for that, Tex2002ans - that code looks a lot neater! Thanks also for the link. I'm sure I've seen that page before, but whatever I used as a search term, it didn't come up.

I do also tend to get distracted when looking for stuff, as I often find interesting examples or snippits and I end up jumping between editor and examples and run out of time. :-)