专注于表格行TR的可访问性

Question

我需要在表行上实现可访问性。 理想情况下，该应用程序应该基于div，而行应该是li的，但是它是一个旧的应用程序，因此不能重新设计。 因此，我们不得不对其进行调整并使其易于使用。 你们中的任何一个都可以帮我把重点放在桌子上吗？ 有可能吗？

例如：下表在选项卡上应首先集中在第一行，然后在其内部输入。 再次制表符应该在下一行上执行相同的操作。

<table>
<tr>
    <td><input type="textbox" /></td>
    <td>some content</td>
<tr>
<tr>
    <td><input type="textbox" /></td>
    <td>some content</td>
<tr>
<tr>
    <td><input type="textbox" /></td>
    <td>some content</td>
<tr>
</table>

非常感谢您的帮助。

Answer 1

您可以通过分配tabindex来关注通常无法聚焦的元素：

<td tabindex="1">focus on me</td>

Answer 2

我会通过$（'tr'）。first（）。find（'input'）。first（）。focus（）来做到这一点（使用jQuery），但是我不知道库米的解决方案。 我不确定他的html解决方案是否可以在IE中使用。 但是focus（）和局限性存在一些问题，如果您决定使用此解决方案，请确保已阅读有关jQuery focus（）的信息。