Question

我有以下标记。

＆＃13;

<!DOCTYPE html>
<html>
<body>
<h2>HTML Table</h2>
<table>
  <tr>
    <th tabIndex="0">Company</th>
    <th tabIndex="0">Contact</th>
    <th tabIndex="0">Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
</table>
</body>
</html>

＆＃13;

我使用的是IE11和JAWS18。使用选项卡导航时，JAWS不会读取表头。当我在chrome和JAWS中尝试使用相同的标记时，它正在读取所有表格标题。

我也尝试过为表头添加指定的aria-label，但没有用。

＆＃13;

<th tabIndex="0" aria-label="Company">Company</th>
<th tabIndex="0" aria-lable="Contact">Contact</th>
<th tabIndex="0" aria-label="Country">Country</th>

＆＃13;

有人可以告诉为什么JAWS18无法读取IE中的表头吗？它无法从表头内容或IE中的aria-label读取。另外，还有其他选择吗？

Answer 1

将范围属性添加到标题单元格，例如

<th scope=“col”>Company</th>

这告诉屏幕阅读器标题单元格与其他单元格之间的关系。您不需要tabindex或ARIA，只需使用箭头键导航而不是Tab键。

JAWS没有从IE

1 个答案: