Question

我一直在讨论这个问题。我有一个表格视图单元格，选中后，包含一些按钮的子视图将添加到单元格中。这些按钮无法通过Voice Over访问。有谁知道如何解决这个问题？谢谢！

Answer 1

这不是一个编码答案，而是......

你应该对所得到的一切都很好。当焦点在单元格上时，Safari和Mac VoiceOver可以单击按钮和链接。另一方面Chrome和VO不能，但如果您是VO用户，您就知道可能需要与某些元素“交互”以达到更深层次的互动元素。因此，如果您使用QuickNav并向左+向下箭头，则可以按Chrome中的按钮。

使用此代码进行测试：

<table id="theTable">
  <thead>
    <tr>
      <th scope="col">Hey push it</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <button type="button" id="pushMe">Push Me!</button>
      </td>
    </tr>
  </tbody>
</table>

和一个简单的jQuery来判断是否发生了事情：

$('#pushMe').on('click',function(e){
  $('#theTable').css('background','red');
});

在CodePen上测试自己：Screen Reader and Table test

表视图单元子视图中的辅助功能问题

1 个答案: