谷歌Chrome浏览器Mac端VoiceOver重复朗读表格表头问题咨询

• 检查表格语义化标记
  确保表格使用标准的<th>标签，并通过scope属性（scope="col"或scope="row"）明确表头与对应单元格的关联。避免在<th>中同时设置原生文本和重复的aria-label，也不要嵌套多余的语义标签，这类冗余设置容易触发VoiceOver重复朗读。
  正确示例：

  <table>
    <thead>
      <tr>
        <th scope="col">姓名</th>
        <th scope="col">年龄</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>张三</td>
        <td>25</td>
      </tr>
    </tbody>
  </table>
  

• 关闭Chrome的实验性表头导航功能
  Chrome的一项实验性功能可能和VoiceOver的朗读逻辑冲突，导致表头重复播报。在地址栏输入chrome://flags/#enable-accessibility-table-header-navigation，将该选项设置为Disabled，重启浏览器后再测试表格朗读效果。

• 清理冗余ARIA属性
  如果给<th>添加了aria-labelledby、aria-label等ARIA属性，检查是否存在指向自身或重复元素的情况——这类冗余属性会让VoiceOver重复解析表头内容。仅在原生语义无法满足需求时使用ARIA，且保证属性值唯一、语义明确。

• 用VoiceOver转子验证朗读逻辑
  打开VoiceOver后，按下Control + Option + U唤起转子，选择「表格」模式，逐个导航表格单元格，定位是否是特定表头或局部表格结构引发的重复朗读，方便针对性调整。

内容的提问来源于stack exchange，提问作者Siva Chaitanya