Обратный вызов не читает заголовки таблицы данных в 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>

http://codepen.io/svinkle/pen/zmlEi

Другие вопросы по тегам