JAWS 不从 IE 中的内容读取表头

Question

我有以下标记。

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

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

我还尝试为表标题指定 aria-label，但没有用。

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

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

Answer 1

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

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

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

JAWS 不从 IE 中的内容读取表头

问题描述

1 个解决方案

解决方案1
0 2018-02-25 10:11:30

JAWS 不从 IE 中的内容读取表头

问题描述

1 个解决方案

解决方案1 0 2018-02-25 10:11:30

解决方案1
0 2018-02-25 10:11:30