在 iOS 和 Mac 上的 Voice Over 中垂直表格标题读错

问题描述 投票:0回答:0

我有一个带有垂直标题的表格,我正在使用画外音,在导航时它没有在 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>  

Visual example of the table

html-table accessibility voiceover
© www.soinside.com 2019 - 2024. All rights reserved.