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

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

Доступные формы

Исправлены отсутствующие метки, отметки обязательных полей и ссылки на сообщения об ошибках в формах обратной связи, заказа и входа в систему.

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

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

Формы являются наиболее распространенной проблемой для пользователей программ чтения с экрана. Если `

Модуль сканирует все формы на странице и добавляет недостающие атрибуты ARIA, связи между метками и отметки обязательных полей.

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

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

  • Метка для соединения: добавляет отсутствующие атрибуты `for` к `
  • Обязательное поле aria: устанавливает `aria-required="true"` и `aria-invalid` для ошибок валидации.
  • Ссылка на текст ошибки: проверка-`` получает ID, поле ввода получает `aria-describedby`.
  • Набор полей/Легенда: в радиогруппах без `
    Элемент-оболочка группы будет добавлен автоматически.
  • Токены автозаполнения: добавляет `autocomplete="email"`, `autocomplete="name"` и т. д. для поддержки браузерами.
В административной панели плагина

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

  • Включение/выключение автоматического восстановления для каждого плагина формы (Contact Form 7, Gravity Forms, WPForms, Fluent Forms и др.).
  • Стиль маркера обязательного поля: `*` / Текст „(Обязательно)" / Только ARIA
  • Стиль текста ошибки: рядом с полем / над полем / под полем
  • Автоматическое заполнение токенов: да / нет
  • Режим проверки в реальном времени: при касании / при потере фокуса / при отправке формы

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

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

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

Обязательный модуль для каждой страницы с формами — контакты, заказ, рассылка, авторизация. Ни один плагин для форм не обеспечивает полную доступность «из коробки»; этот модуль заполняет пробелы.

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

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

  • Менеджер ARIA

    WCAG 4.1.2

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

  • Языковой атрибут

    WCAG 3.1.1

    Устанавливает корректные атрибуты `lang` на уровне корневого HTML-элемента и отдельных элементов для фрагментов текста на иностранных языках.

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

    WCAG 2.1.1

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

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

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

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

Простой язык