Перейти к содержимому

Модуль «Механика» WCAG 2.4.3 Уровень A

Менеджер Tabindex

Исправляет порядок перехода по клавише Tab, исключает положительные значения `tabindex` и исправляет некорректные переходы.

Что это делает

Функция в одном предложении — и в трёх предложениях

Положительные значения `tabindex` (например, `tabindex="3") являются наиболее распространенной причиной нарушения порядка перехода между вкладками. Они переопределяют естественный порядок DOM и приводят к непредсказуемым скачкам — особенно это плохо в конструкторах страниц с вложенными разделами.

Модуль удаляет положительные значения `tabindex` и восстанавливает естественный порядок. При необходимости добавляются преднамеренные переходы через `tabindex="0"` (внутри потока) и `tabindex="-1"` (вне потока).

Вот как это реализовано в плагине.

Технические меры

  • Положительные значения → 0: делает элемент доступным для фокусировки, но оставляет за порядком элементов DOM право определять его местоположение.
  • `tabindex="-1"` остается без измененийЭто вполне допустимо (элемент можно сфокусировать с помощью JavaScript, а не с помощью клавиши Tab).
  • Визуальная проверка последовательностиОпределяет, когда порядок элементов DOM отличается от визуального порядка (Flexbox/Grid).
  • Предложение по повторному заказуВ случае явно различающегося визуального порядка рекомендуется изменить порядок элементов в DOM.
  • Защита от конфликтов модулейПереход по ссылке "Пропустить" сохраняется, даже если индекс вкладки в остальном нейтрализован.
В административной панели плагина

Эти настройки можно найти на вкладке "Модуль".

  • Уровень агрессии: консервативный (только > 5) / средний (> 1) / агрессивный (все > 0)
  • Визуальные подсказки по изменению порядка: включено / выключено
  • Списки разрешенных элементов (элементы, которые остаются неизменными)
  • Журнал отладки с различиями

Путь в административной панели: WP-Admin → Доступность → Модули → Менеджер Tabindex

Когда вам понадобится этот модуль?

Вариант использования

Рекомендуется для сайтов, созданных с помощью конструкторов страниц (Divi, Elementor, Bricks), и тем со сложной структурой главного или мега-меню. Менее необходимо для минималистичных тем, таких как Twenty-Twenty-One.

Связанные модули

Это тематически взаимосвязано.

  • Навигация с помощью клавиатуры

    WCAG 2.1.1

    Убедитесь, что все интерактивные элементы доступны без мыши — клавиши Tab, Enter, стрелки, Esc.

  • Видимый фокус

    WCAG 2.4.11

    Обеспечивает четкое, всегда видимое кольцо фокусировки на всех фокусируемых элементах — с контрастностью класса AAA.

  • Пропустить ссылки и достопримечательности

    WCAG 2.4.1

    Устанавливает роли семантических ориентиров и видимые ссылки для пропуска страниц для пользователей клавиатуры и программ чтения с экрана.

Активировать модуль для вашего сайта?

В ходе первоначальной 15-минутной консультации мы выясним, подходит ли данный модуль для вашей темы и типа контента, а также как будет выглядеть его настройка.

Первичная консультация (15 минут)
Просмотреть все модули