Есть ли способ в HTML запретить браузеру индексировать вкладки для определенных элементов?
На моей странице, хотя есть побочное представление, которое отображается с помощью jQuery, когда вы проходите через него, вы получаете много нажатий табуляции, прежде чем элемент управления вкладкой перейдет к следующей видимой ссылке на странице, поскольку все элементы, которые просматриваются с помощью вкладок, скрыты для пользователю визуально.
Вы можете использовать tabindex="-1".
Спецификация W3C HTML5 поддерживает отрицательные tabindex значения:
Если значение является отрицательным целым числом
Пользовательский агент должен установить флаг фокуса tabindex элемента, но не должен разрешать доступ к элементу с помощью последовательной навигации по фокусу.
Обратите внимание: это функция HTML5, которая может не работать в старых браузерах.
Быть соответствует стандарту W3C HTML 4.01 (с 1999 г.), tabindex должен быть положительным.
Пример использования ниже в чистом HTML.
<input />
<input tabindex="-1" placeholder="NoTabIndex" />
<input />W3. Итак, когда я сделал это; Я использовал 500. Хакерский; но работал.
- person Flea; 24.03.2012
tabindex теперь позволяет иметь отрицательные значения.
- person James Donnelly; 09.04.2013
tabIndex="-2")
- person foal; 24.01.2017
Не забывайте, что, несмотря на то, что tabindex в спецификациях и HTML все в нижнем регистре, в Javascript / DOM это свойство называется tabIndex.
Не теряйте рассудок, пытаясь понять, почему ваши программно измененные индексы вкладок, вызывающие element.tabindex = -1, не работают. Используйте element.tabIndex = -1.
Если это элементы, естественно расположенные в порядке табуляции, такие как кнопки и якоря, удаление их из порядка табуляции с помощью tabindex="-1" - это своего рода запах доступности. Если они предоставляют дублирующуюся функциональность, можно удалить их из порядка табуляции, и подумайте о добавлении aria-hidden="true" к этим элементам, чтобы вспомогательные технологии игнорировали их.
Если вы работаете в браузере, который не поддерживает tabindex="-1", вам, возможно, удастся просто указать то, что нужно пропустить, действительно высокий индекс вкладок. Например, tabindex="500" в основном перемещает порядок табуляции объекта в конец страницы.
Я сделал это для длинной формы ввода данных с кнопкой, расположенной посередине. Это не та кнопка, которую люди нажимают очень часто, поэтому я не хотел, чтобы они случайно нажали на нее вкладку и нажали Enter. disabled не сработает, потому что это кнопка.
Такой хак, как "tabIndex = -1", у меня не работает с Chrome v53.
Это работает для Chrome и большинства браузеров:
function removeTabIndex(element) {
element.removeAttribute('tabindex');
}<input tabIndex="1" />
<input tabIndex="2" id="notabindex" />
<input tabIndex="3" />
<button tabIndex="4" onclick="removeTabIndex(document.getElementById('notabindex'))">Remove tabindex</button>notabindex, как если бы оно было tabIndex=5 после нажатия кнопки. Это не проблема мэра, но все же не делает ее полностью недоступной для обсуждения.
- person Mikael Dúi Bolinder; 15.02.2019
tabindex
- person dman; 01.05.2020
tabindex, в javascript используйте tabIndex.
- person Mark; 02.07.2020
Для этого нужно добавить tabindex="-1". Если добавить его к определенному элементу, он становится недоступным для навигации с клавиатуры. здесь, которая поможет вам лучше понять tabindex.
Просто добавьте атрибут disabled к элементу (или используйте jQuery, чтобы сделать это за вас). Disabled (Отключено) запрещает фокусировку ввода или его выбор вообще.
