Question

我需要在表行上实现辅助功能。应用程序理想情况下应该基于div，行应该是li，但它是一个旧的应用程序，重新设计不是一个选项。所以我被迫调整并使其可访问。你们中的任何一个人可以帮助我把注意力放在桌子上吗？有可能吗？

例如：选项卡上的下表应首先关注第一行，然后是输入内部的输入。 Tabbing也应该在下一行做同样的事情。

<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

我会这样做（使用jQuery）$（'tr'）。first（）。find（'input'）。first（）。focus（），但我不知道Coomie的解决方案。我不确定他的HTML解决方案是否适用于IE。然而，焦点（）和限制存在一些问题，如果您决定使用此解决方案，请确保您已阅读jQuery focus()

关注表行TR的可访问性

2 个答案: