Обратный вызов не читает заголовки таблицы данных в Android Lollipop
Когда я обновляюсь до Android 5.x, похоже, что Talkback больше не будет читать заголовки таблиц данных в гибридном приложении. Кто-нибудь знает, если это сломано?
Я использую Cordova и jQuery Mobile для создания своего приложения, и ниже приведен код, который я использую:
<div id="home" data-role="page" data-title="Home">
<div data-role="content">
<div date-role="header">
<h1>Data Table 1</h1>
</div>
<div role="main" class="ui-content">
<table data-role="table" id="my-table" data-mode="reflow">
<tr>
<th id="c1">Service Branch</th>
<th id="c2">Percentage of Women</th>
</tr>
<tr>
<th id="r1">Army</th>
<td headers="r6 c2">13.4%</td>
</tr>
<tr>
<th id="r2">Navy</th>
<td headers="r2 c2">15.9%</td>
</tr>
<tr>
<th id="r3">Marine Corps</th>
<td headers="r3 c2">6.6%</td>
</tr>
<tr>
<th id="r4">Air Force</th>
<td headers="r4 c2">19.2%</td>
</tr>
<tr>
<th id="r5">Coast Guard</th>
<td headers="r5 c2">13.4%</td>
</tr>
<tr>
<th id="r6">National Guard & Reserves</th>
<td headers="r6 c2">17.9%</td>
</tr>
</table>
</div>
</div>
</div>
1 ответ
Вы пытались использовать шаблон, предложенный проектом a11y? Они используют атрибут "видимость" вместо "заголовки".
<table>
<caption>Star Wars Trilogy Data</caption>
<tbody>
<tr>
<th scope="col">Title</th>
<th scope="col">Director</th>
<th scope="col">Release Date</th>
</tr>
<tr>
<th scope="row">Star Wars: Episode IV - A New Hope</th>
<td>George Lucas</td>
<td>May 25th, 1977</td>
</tr>
<tr>
<th scope="row">Star Wars: Episode V - The Empire Strikes Back</th>
<td>Irvin Kershner</td>
<td>May 21st, 1980</td>
</tr>
<tr>
<th scope="row">Star Wars: Episode VI - Return of the Jedi</th>
<td>Richard Marquand</td>
<td>May 25th, 1983</td>
</tr>
</tbody>
</table>