我有一个带有垂直标题的表格,我正在使用画外音,在导航时它没有在 th 和单元格之间进行正确的关联。我发现的一些例子在 th 上使用了 scope="row",其他的则没有,但是在测试它们时它不管用哪种方式都不起作用。这是一个来自 w3 https://www.w3.org/WAI/tutorials/tables/one-header/#table-with-header-cells-in-the-first-column-only
的链接当我使用 control + option 右箭头水平浏览单元格时,每次我移动到一个新单元格时,它都会读取不同的 th。当您连续向右移动时,屏幕阅读器将随之阅读下一个。
问题示例: 当我移动到第 3 个牢房(3 月 24 日)时,屏幕阅读器说:地点在 3 月 24 日。
预期结果: 应该说:Date the 24th of march.
我的期望是,对于同一行中的每个单元格,它应该将它们映射到该行的相同初始 th 并一起读取它们。
这是 html:
<table>
<tr>
<th scope="row">Date</th>
<td>12 February</td>
<td>24 March</td>
<td>14 April</td>
</tr>
<tr>
<th scope="row">Event</th>
<td>Waltz with Strauss</td>
<td>The Obelisks</td>
<td>The What</td>
</tr>
<tr>
<th scope="row">Venue</th>
<td>Main Hall</td>
<td>West Wing</td>
<td>Main Hall</td>
</tr>
</table>