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

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

Менеджер ARIA

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

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

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

Во многих темах оформления интерактивные элементы (кнопки, вкладки, аккордеоны) реализованы без корректной разметки ARIA. В результате программы чтения с экрана не могут определить их назначение — они считывают только "кликабельно" или вообще ничего.

Менеджер ARIA сканирует все интерактивные элементы в DOM и назначает недостающие элементы. роль-, aria-label-, aria-expanded- и aria-controls-Атрибуты. В тех случаях, когда в темах уже корректно заданы параметры ARIA, модуль оставляет их без изменений.

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

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

  • Сканирование DOM во время загрузки страницы с помощью `MutationObserver` — фиксируется даже динамически загружаемый контент.
  • распознавание образовКнопки без метки получают атрибут `aria-label` от следующего текстового узла.
  • Аккордеоны/ТабулатурыЗначение `aria-expanded` синхронизируется в режиме реального времени со статусом открытия/закрытия.
  • Защита пользовательских виджетовСуществующий корректный файл ARIA не будет перезаписан (белый список).
  • адаптер тем Переключатели Divi, аккордеоны Elementor, вкладки Bricks — каждый из них знает свою структуру DOM.
В административной панели плагина

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

  • Глобальный переключатель: модуль активен / неактивен
  • Выбор адаптера темы: Auto · Divi · Elementor · Bricks · WPBakery · Generic
  • Белые списки селекторов (CSS): элементы, которые не затрагиваются.
  • Уровень агрессии: консервативный (только в очевидных случаях) / средний / агрессивный
  • Режим отладки: журнал всех вмешательств в консоли.

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

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

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

Практически каждый сайт на WordPress с конструктором страниц выигрывает от использования ARIA Manager. Большинство тем используют аккордеоны и вкладки без полной поддержки ARIA — этот модуль автоматически устраняет этот пробел.

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

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

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

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

    WCAG 2.1.1

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

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

    WCAG 2.4.11

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

  • AI ARIA помощник

    WCAG 4.1.2 + 1.3.1

    Анализирует сложные пользовательские виджеты и предлагает подходящие роли, состояния и свойства ARIA.

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

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

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

Простой язык