Размер целевой области касания
Убедитесь, что все области, на которые можно нажать, имеют размер не менее 44×44 пикселей — это важно для работы с сенсорным экраном.
Функция в одном предложении — и в трёх предложениях
Минимальная область для нажатия особенно важна на сенсорных устройствах: слишком маленькие кнопки трудно использовать людям с нарушениями моторики, пожилым людям или тем, у кого большие большие пальцы. WCAG 2.5.5 требует, чтобы минимальная область для нажатия составляла 44x44 пикселя CSS.
Модуль проверяет все области, на которые можно кликнуть (кнопки, ссылки, значки), на соответствие минимальному размеру и сообщает об элементах, которые слишком малы.
Технические меры
- обнаружение области клика: все `
- Расчет эффективного размера: учитывает `padding`, `border`, `box-sizing`.
- Проверка интервалаТакже проверяется, не расположены ли соседние цели слишком близко друг к другу (допустимое расстояние).
- Автоматическое исправление отступов (необязательно, осторожно): добавляет отступы для достижения размера 44×44 — только для четко обозначенных кнопок.
- Карта проблем: визуальная тепловая карта в панели администратора, показывающая, какие элементы слишком малы.
Эти настройки можно найти на вкладке "Модуль".
- Минимальный размер: WCAG 2.5.5 (44×44) / строгий (48×48) / рекомендация для iOS (44×44)
- Режим автоматического исправления: только отчет / с явным указанием белого списка / агрессивный
- Тепловая карта в админке: включено / выключено
- Допустимое отклонение по расстоянию (по умолчанию: 8 пикселей между элементами)
Путь в административной панели: WP-Admin → Доступность → Модули → Размер сенсорной области
Вариант использования
Обязательно для каждого мобильного сайта (а это практически каждый). Особенно важно для интернет-магазинов, сайтов бронирования и клубов с регистрационными формами.
Это тематически взаимосвязано.
Видимый фокус
WCAG 2.4.11Обеспечивает четкое, всегда видимое кольцо фокусировки на всех фокусируемых элементах — с контрастностью класса AAA.
Доступные формы
WCAG 3.3.1Исправлены отсутствующие метки, отметки обязательных полей и ссылки на сообщения об ошибках в формах обратной связи, заказа и входа в систему.
Навигация с помощью клавиатуры
WCAG 2.1.1Убедитесь, что все интерактивные элементы доступны без мыши — клавиши Tab, Enter, стрелки, Esc.
Активировать модуль для вашего сайта?
В ходе первоначальной 15-минутной консультации мы выясним, подходит ли данный модуль для вашей темы и типа контента, а также как будет выглядеть его настройка.
