Сосредоточьтесь на строке таблицы ТР для доступности - PullRequest
1 голос
/ 18 августа 2011

У меня есть требование для обеспечения доступности для строк таблицы.В идеале приложение должно быть на основе 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>

Любая помощь высоко ценится.

Ответы [ 2 ]

8 голосов
/ 18 августа 2011

Вы можете сфокусироваться на элементах, которые обычно не фокусируются, назначив tabindex:

<td tabindex="1">focus on me</td>
0 голосов
/ 18 августа 2011

Я бы сделал это (используя jQuery) с помощью $ ('tr'). First (). Find ('input'). First (). Focus (), однако я не знал решения Коуми. Я не уверен, что его решение с HTML будет работать в IE. Однако есть некоторые проблемы с focus () и ограничением, если вы решите использовать это решение, обязательно прочитайте о jQuery focus ()

...