JAWS读取表格单元格中每行文本之间的“链接”

时间:2017-06-12 11:12:37

标签: accessibility screen-readers jaws-screen-reader

我在单个表格单元格中读取多行时遇到问题。我使用Insert + Shift后跟键T移动到表层。在此之后,我使用向下箭头键来读取表格内容。一旦涉及具有多个

标签的单元格,它就会以这种方式读取: line1的内容,“link”,“line2的内容”。

在下面的示例中,它显示为“Alfreds Futterkiste,link,Nice to test”。

如何在阅读“Alfreds Futterkiste”后,当用户按下箭头键时,如何删除两者之间的文本“链接”并立即读取“Nice to test”文本?

请找到以下代码:

<!DOCTYPE html>
<html>
<head>
<style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
</style>
</head>
<body>
<button>Click</button>
<table tabindex="0">
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste<p>Nice to test</p></td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
</table>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

您应该从tabindex标记中删除table属性。