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

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

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

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

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

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

Обязательный критерий WCAG уровня A: каждая функция должна быть доступна для управления с клавиатуры. Звучит очевидно, но на практике это редко бывает так. Часто возникают проблемы с пользовательскими ползунками, выпадающими меню, лайтбоксами и кнопками фильтров.

Модуль проверяет функциональность клавиши Tab для всех интерактивных элементов и добавляет недостающие обработчики клавиатуры. Кроме того, Клавиатурные ловушки Обнаружено и устранено.

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

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

  • Обнаружение ловушки для вкладокЭта функция определяет, когда элемент нарушает порядок перехода по вкладкам (например, модальное окно, которое не закрывается нажатием клавиши Esc).
  • Модернизация системы входа/выхода для `
    `-Кнопки с `role="button"`.
  • Навигация со стрелками в списках вкладок, группах радиокнопок, меню.
  • Обработчик Esc для модальных окон, всплывающих подсказок и выпадающих меню.
  • Ловушка фокусировки в модальном окнеКлавиша Tab остается в открытом диалоговом окне и не переходит в фоновый режим.
В административной панели плагина

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

  • Глобальный переключатель
  • Автоматический обработчик для `role="button"` (Enter + Space)
  • Фиксация фокуса в модальных окнах: выключено / только явно помеченные модальные окна / все модальные окна
  • Глубина прослушивания клавиши Esc: только верхний модальный диалог / все открытые модальные диалоги
  • Настраиваемые сочетания клавиш для каждого элемента (с помощью `data-sp-key`)

Путь в административной панели: WP-Admin → Доступность → Модули → Навигация с помощью клавиатуры

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

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

Обязательный модуль. Доступность клавиатуры является требованием WCAG на самом низком уровне соответствия (A) — без этого критерия. нет Соответствие стандартам WCAG, независимо от того, насколько красива остальная часть страницы.

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

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

  • Менеджер Tabindex

    WCAG 2.4.3

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

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

    WCAG 2.4.11

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

  • Менеджер ARIA

    WCAG 4.1.2

    Автоматически назначает интерактивным элементам правильные роли, состояния и свойства ARIA.

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

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

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

Простой язык