Мёртвые кнопки и клики в никуда: как найти контролы, которые ничего не делают

На скриншоте все кнопки одинаково живые. Синий фон, скругления, тень при наведении: визуально всё сделано. Но за «Получить консультацию» может стоять href="#", за «В корзину» обработчик, который упал с ошибкой в консоли, за «Открыть чат» виджет, который не смонтировался из-за блокировщика рекламы. Пользователь нажимает, ничего не происходит, он нажимает ещё раз и уходит.

Это самая частая и самая невидимая категория дефектов в интерфейсах, собранных с помощью нейросетей. Генератор рисует компонент, а логику откладывает в TODO, который никто не открыл. В обзоре слепых зон вайбкодинга это было одним пунктом; здесь отдельная методика поиска.

Таксономия мёртвых контролов

• Пустая ссылка.href="#" или href="javascript:void(0)" без обработчика. Клик прокручивает страницу вверх или не делает ничего.
• Кнопка без обработчика.<button> внутри формы без action, или onClick, который остался заглушкой console.log.
• Обработчик с ошибкой.Клик вызывает исключение: undefined is not a function, обращение к незагруженному SDK, CORS на запросе. Пользователь видит тишину, разработчик красную строку в консоли, которую никто не смотрит.
• Несмонтированный виджет.Чат, калькулятор, форма записи из стороннего сервиса не загрузились: домен заблокирован, ключ протух, скрипт упал на другом виджете.
• Модалка за модалкой.Окно открылось, но под другим окном или с z-index ниже фиксированной шапки. Технически «работает», для человека нет.
• Клик в никуда на мобильных.Элемент перекрыт невидимым слоем, ловит тап только по краю или уезжает под клавиатуру. Об этом отдельно в статье о тач-интерфейсах.

Что считать исходом клика

Чтобы находка была проверяемой, у клика должен быть измеримый исход. Их всего четыре: сменился URL, появилось окно или новая область на странице, изменилось состояние (товар в корзине, счётчик, подсветка), ничего не изменилось. Первые три означают успех разной степени, после четвёртого контрол становится кандидатом в мёртвые.

Кандидат, а не приговор: сеть могла моргнуть, обработчик мог ждать данные. Поэтому работает правило двух кликов: контрол, который дважды на одном адресе не открыл ни страницу, ни окно, признаётся мёртвым и больше не предлагается для прохода к цели. Время до исхода измеряется отдельно, между нажатием и сменой URL или появлением окна, без учёта пауз самого аудита. Медленный, но живой контрол — это уже вопрос производительности.

Почему это не находит ни один линтер

Статический анализ видит код, а не поведение. Он не знает, что виджет чата заблокирован у 30% посетителей с AdBlock, что API-ключ Яндекс Карт истёк вчера, а модалка рендерится под шапкой только при ширине 375 px. Юнит-тесты проверяют функцию, а не путь пользователя. Единственный способ найти мёртвый контрол: нажать на него в браузере, как это делает человек.

При этом нажимать нужно бережно. Аудит чужого продакшена — это один пользователь, один браузер, паузы между действиями, остановка перед оплатой. Полный краулер всех кликабельных элементов на 3000 страницах — это уже нагрузочное тестирование, а не аудит.

Мёртвые контролы как регрессия

Кнопка редко рождается мёртвой. Чаще она умирает: обновили библиотеку компонентов, переименовали API-метод, сменили домен виджета, перенесли форму на другой сервис и забыли одну страницу. Ни один из этих релизов не имел цели сломать кнопку, поэтому никто её не проверил.

Именно поэтому проверку кликов нужно повторять: сегодня контрол живой, через неделю нет. Как устроен еженедельный контроль и почему исправленное не должно шуметь в новом отчёте, разобрано в статье о недельной дельте.

Формат находки, которую можно вставить в Cursor

Отчёт о мёртвой кнопке полезен, если разработчик или AI-редактор может по нему воспроизвести и исправить дефект без уточнений. Минимальный набор:

Страница: https://example.ru/uslugi/remont
Элемент: button.hero__cta[data-action="consult"]
Текст: «Получить консультацию»
Действие: клик ×2 (desktop 1440, mobile 390)
Ожидание: открытие формы или переход на /contacts
Факт: URL не изменился, окон нет, в консоли:
  TypeError: window.ym is not a function
Серьёзность: high (главный CTA первого экрана)
Как проверить исправление: клик открывает форму ≤ 1 с

Три правила приоритизации

1. 1
   Место важнее количества.Одна мёртвая кнопка главного CTA важнее десяти сломанных ссылок в подвале. Серьёзность определяется позицией на пути к цели.
2. 2
   Общее считается один раз.Неработающий чат в шапке на 40 страницах — это одна находка со списком адресов, а не 40.
3. 3
   Ошибка консоли: улика, а не находка.Красная строка сама по себе ничего не значит для пользователя. Она становится находкой, когда связана с исходом клика: нажал, ничего не произошло, вот ошибка.