We have tested the accessibility epub3 file in iBooks for iPad/Mac OS and found that table headings are not reading in logical order even if we inserted the tag properly. Please see the example below.
<table epub:type="table">
<caption>Table: 1-1 Eugenics and Mental Disorders</caption>
<tr>
<th scope="col" id="year" class="line_20bdn">Year</th>
<th scope="col" id="event" class="line_80bdn">Event</th>
</tr>
<tr>
<td headers="year" class="line_20bd">1896</td>
<td headers="event" class="line_80bd">Connecticut became the first state in the United States to prohibit persons with mental disorders from marrying.</td>
</tr>
<tr>
<td headers="year" class="line_20bd">1896–1933</td>
<td headers="event" class="line_80bd">Every state in the United States passed a law prohibiting marriage by persons with mental disorders.</td>
</tr>
</table>
Any advise on this will be very helpful, thanks in advance.
Subscribe to IDPF feed
Follow IDPF
Nandagopal,
I think you should use the <thead> element, like this:
<table epub:type="table">
<caption>Table: 1-1 Eugenics and Mental Disorders</caption>
<thead>
<tr>
<th>Year</th>
<th>Event</th>
</tr>
</thead>
This way, VoiceOver will announce the heading along with the cell content. Is that what you were looking for?