Несколько элементов, имеющих одинаковое положительное значение tabindex? - PullRequest
Новая
       51

Несколько элементов, имеющих одинаковое положительное значение tabindex?

0 голосов
/ 08 февраля 2019

У меня есть несколько элементов в моей форме с tabindex как 1 для всех .... Как это должно вести себя?Каким должно быть поведение нескольких элементов, имеющих одинаковое положительное значение tabindex ...?

Ответы [ 2 ]

0 голосов
/ 08 февраля 2019

Все элементы с одинаковым значением tabindex сгруппированы вместе, и порядок их фокусировки на в этой группе совпадает с естественным порядком табуляции.Для языков «слева направо» (LTR), таких как английский, французский, немецкий и т. Д., Порядок слева направо и сверху вниз.Для языков RTL, таких как арабский или иврит, порядок табуляции справа налево (хотя все еще сверху вниз).

Элементы с наименьшим положительным tabindex (1) имеют видсначала выполняется переход к первому, затем следующему наименьшему tabindex (2) и т. д. до тех пор, пока не останется значений tabindex, а затем к элементам с естественной фокусировкой не будут добавлены вкладки (например, ссылки, кнопки и т. д.).

Например: 

<a href="...">a</a>
<a href="..." tabindex="1">b</a>
<a href="..." tabindex="2">c</a>
<a href="..." tabindex="3">d</a>
<a href="..." tabindex="3">e</a>
<a href="..." tabindex="2">f</a>
<a href="..." tabindex="1">g</a>
<a href="...">h</a>
  • Элементы с tabindex="1" будут фокусироваться первыми.Их два, B и G. Так как B предшествует G в DOM, сначала B фокусируется, а затем G.
  • Элементы с tabindex="2" будут фокусироваться далее.Есть два из них, C и F. Так как C стоит перед F в DOM, C фокусируется следующим, а затем F.
  • Элементы с tabindex="3" будут фокусироваться следующим.Их два, D и E. Так как D в DOM стоит перед E в D, D фокусируется следующим, а затем E.
  • Больше нет элементов с tabindex, поэтому все остальное фокусируется следующим.A затем H.

Таким образом, полный порядок табуляции - B, G, C, F, D, E, A, H

Это крайний пример, но показывает порядок.Вы можете найти всю информацию в спецификации tabindex в разделе " Если значение больше нуля "

Однако, если возможно, не используйте значения tabindex, которые больше чемнуль. spec говорит:

Warning!
Использование положительного значения для tabindex для указания позиции элемента в последовательном порядке фокусировки навигации взаимодействует спорядок всех фокусируемых элементов.Он подвержен ошибкам и поэтому не рекомендуется.Авторам обычно следует оставлять элементы в порядке по умолчанию.

0 голосов
/ 08 февраля 2019

Положительное значение означает, что элемент должен фокусироваться при последовательной навигации по клавиатуре, причем его порядок определяется значением числа.То есть tabindex = "4" будет фокусироваться перед tabindex = "5", но после tabindex = "3".Если несколько элементов имеют одинаковое положительное значение tabindex, их порядок относительно друг друга соответствует их расположению в источнике документа.

Следует отметить, что следует избегать использования tabindex, если это не является абсолютно необходимым и ожидаемым.Элементы формы должны следовать естественному потоку документа по умолчанию (интерактивные элементы имеют естественный порядок табуляции).указание tabindex для элементов формы переопределит значение по умолчанию и может привести к путанице и технической задолженности.Страница Mozilla, упомянутая выше, содержит больше информации об этом.

...