使屏幕阅读器只读取重新加载所有表时更改的行

时间:2017-11-09 16:17:34

标签: html accessibility jaws-screen-reader aria-live

我有一个包含多行和多列的表。这个表作为一个整体由AJAX重新加载一次。重新加载表格时,我只想告知屏幕阅读器用户有关更改的数据。

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

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

应该添加哪些适当的咏叹调属性以及哪些标签?

额外:还有一个列,我不想在查看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>

0 个答案:

没有答案