Посмотрите, куда реально попадает нажатие
Откройте сайт на телефоне и пройдите меню, фильтры, переключатели и закрытие всплывающих окон. Не ограничивайтесь большой кнопкой первого экрана. Маленький крестик или тесный ряд номеров страниц могут создавать больше ошибок. Уточните у разработчика, совпадает ли видимая область с зоной, которая принимает касание.
В условной карточке товара плюс и минус количества иногда стоят почти вплотную. Увеличение самих символов не обязательно увеличит активные зоны. Нужно проверить отступы и границы элементов. При этом невидимые области не должны перекрывать друг друга. Человек должен получать предсказуемый результат касания, а не угадывать, какой элемент оказался поверх соседнего.
Текстовое пояснение схемы
- Иконка. Что видит человек
- Цель. Что принимает нажатие
Используйте критерий, но учитывайте исключения
WCAG 2.2 содержит критерий минимального размера целей указателя: 24 на 24 CSS-пикселя либо выполнение предусмотренных условий и исключений, включая расстояние. Это не универсальное обещание удобства любой кнопки такого размера. На практике плотность, положение и частота действия тоже влияют на использование.
Не объявляйте каждую текстовую ссылку нарушением только потому, что она ниже указанной высоты: у критерия есть исключения для встроенного текста и других случаев. Для важных самостоятельных действий лучше стремиться к комфортной области, а не только минимальному прохождению проверки. Удаление и подтверждение стоит различать также по подписи и расположению, не полагаясь исключительно на цвет.
Повторите реальный маршрут
После правки проверьте касания рядом с краями элементов, длинные подписи и горизонтальную ориентацию устройства. Убедитесь, что увеличение зоны не закрыло соседнюю ссылку и не добавило случайных действий при прокрутке. Если блок движется во время загрузки, даже большая кнопка может оказаться не там, куда человек собирался нажать.
Запишите конкретные места ошибок и ожидаемый результат, затем повторите маршрут на нескольких ширинах. Не называйте весь сайт удобным после проверки одной формы. Цель доработки — уменьшить необходимость точного попадания и сделать действия предсказуемыми. Она особенно важна там, где ошибочное нажатие меняет данные или прерывает процесс, а восстановление требует заново вводить уже подготовленную информацию.
Текстовое пояснение схемы
- Количество. Плюс не задевает минус
- Закрытие. До крестика легко попасть
- Страницы. Выбор номера предсказуем
Что взять в работу
- Проверяйте активную область, а не только иконку.
- Учитывайте расстояния и последствия соседних действий.
- После увеличения зон проверяйте перекрытия и прокрутку.
Источники и уточнения
Внешние факты сверены по указанным материалам 20 сентября 2026 года. Примеры и критерии выбора в статье — практические рекомендации, а не обещание результата.
Обсудим вашу задачу?
Пришлите сайт или опишите ситуацию. Начнём с того, какой результат вам нужен.
Telegram
VK