View Single Post
Old 05-14-2020, 08:00 AM   #1
Clancolin
Member
Clancolin began at the beginning.
 
Posts: 14
Karma: 10
Join Date: Jul 2015
Location: Hampshire, UK
Device: Pocketbook Aqua 2
Question Accessible tables

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.
Clancolin is offline   Reply With Quote