Заставьте программу чтения с экрана читать только строку, которая изменилась после перезагрузки всей таблицы.

У меня есть таблица с несколькими строками и столбцами. Эта таблица в целом перезагружается AJAX время от времени. Когда таблица будет перезагружена, я хочу информировать пользователей программы чтения с экрана только об измененных данных.

Кроме того, при изменении какой-либо ячейки программа чтения с экрана должна прочитать пользователю всю строку.

Более того - если добавлена ​​новая строка, она также должна быть прочитана пользователю в целом.

Какие надлежащие атрибуты арии следует добавить и к каким тегам?

Дополнительно: есть также колонка, которую я не хочу учитывать при поиске изменений в зоне арии. Но эта ячейка должна все еще читаться, если любая другая ячейка в строке изменяется.

Ниже приведен пример кода, на который я надеялся работать, но вместо чтения только изменений он читает всю таблицу после каждой перезагрузки таблицы.

<table>
  <tr>
    <th>Address</th>
    <th>Room</th>
    <th>State</th>
    <th>Time</th>
  </tr>
  <tr aria-live="polite" aria-atomic="true">
    <td>Street 1</td>
    <td>Living room</td>
    <td>ON</td>
    <td aria-live="off">12:45</td>
  </tr>
  <tr aria-live="polite" aria-atomic="true">
    <td>Street 1</td>
    <td>Bedroom</td>
    <td>OFF</td>
    <td aria-live="off">14:06</td>
  </tr>
  <tr aria-live="polite" aria-atomic="true">
    <td>Street 2</td>
    <td>Living room</td>
    <td>ON</td>
    <td aria-live="off">19:59</td>
  </tr>
</table>

0 ответов

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