0

我有一个包含多行和多列的表。该表作为一个整体由 AJAX 偶尔重新加载。重新加载表时，我只想通知屏幕阅读器用户有关更改的数据。

更进一步，当任何单元格发生变化时，屏幕阅读器应该向用户读取整行。

此外 - 如果添加了新行，也应该将其作为一个整体读给用户。

应该添加哪些正确的 aria 属性以及在哪些标签上？

额外：还有一个专栏，我不想在寻找aria-live区的变化时被考虑。但是，如果行中的任何其他单元格发生更改，仍应读取此单元格。

下面是一个代码示例，我希望能够工作，但不是只读取更改，而是在每次重新加载表后读取整个表。

<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>

4

0 回答 0