Почему нельзя писать звонить в привязке телефона

Узнайте, почему привязка телефона с текстом «звонить» ломает UX, нарушает закон и доступность. Скрытые технические и психологические риски.

Термин привязка (англ. binding) встречается в самых разных областях – от программирования и разработки веб‑интерфейсов до CRM‑систем и мобильных приложений. Часто в технической документации и в рекомендациях по UI/UX встречается предостережение: «нельзя написать звонить» в контексте привязки телефонного номера. На первый взгляд кажется, что это простое стилистическое замечание, однако за ним стоит целый набор причин: технических, юридических, психологических и доступностных.


Что подразумевается под «привязкой»?

Привязка – это процесс соединения одного элемента с другим:

  • Программирование: связывание переменной с данными, привязка события к обработчику, привязка UI‑элемента к модели (data binding).
  • Веб‑разметка: привязка ссылки к телефонному номеру через tel: URI.
  • CRM‑системы: привязка контакта к задаче «звонок клиенту».

Во всех этих случаях привязка должна быть однозначной, машинно‑читаемой и безопасной. Именно поэтому в некоторых сценариях нельзя просто написать слово «звонить».

Технические ограничения

URI‑схема tel:

Для того чтобы браузер или мобильное приложение смогли инициировать звонок, необходимо использовать стандартный протокол tel::

<a href="tel:+7 -161234567">+7 (916) -23‑45‑67</a>

Если вместо номера указать просто текст «звонить», браузер не поймёт, что нужно вызвать телефонный клиент, и ссылка будет работать как обычный href‑текст, а не как действие.

Форматирование номера

Номера должны соответствовать международному формату +CCXXXXXXXXXX. Любой другой ввод (например, «звонить 8‑800‑555‑35‑35») может:

  1. Сломать парсинг в разных ОС (iOS, Android, Windows).
  2. Привести к ошибкам в аналитических системах, которые собирают статистику звонков.
  3. Увеличить риск «фишинга», когда пользователь может кликнуть на «звонить» и попасть на вредоносный номер.

Пользовательский опыт (UX) и стилистика

Ясность действия

Кнопка или ссылка должна явно указывать, что произойдёт после клика. Текст «звонить» – это глагол, а не информация о ресурсе. Пользователь ожидает увидеть номер, а не команду.

Последовательность интерфейса

Во многих дизайн‑системах принято:

  • Отображать номер телефона в виде +7 (916) -23‑45‑67.
  • Размещать рядом кнопку «Позвонить» (или иконку телефона), которая уже привязана к tel:‑схеме.

Таким образом, «звонить» используется только как подпись кнопки, а не как часть привязки.

Правовые и рекламные ограничения

В России и многих других странах существуют нормативы, регулирующие отображение телефонных номеров в рекламных материалах:

  • Требуется указание полного номера, а не только команды «звонить».
  • Запрещено вводить пользователя в заблуждение, скрывая реальный номер.

Если в привязке указано лишь «звонить», это может рассматриваться как нарушение рекламных правил и привести к штрафам.

Доступность (Accessibility)

Экранные читалки (NVDA, VoiceOver, TalkBack) читают содержимое ссылки буквально. При наличии:

<a href="tel:+7 -161234567">звонить</a>

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

Рекомендация: добавить aria-label с номером:

<a href="tel:+7 -161234567" aria-label="Позвонить по номеру +7 -16 123‑45‑67">Позвонить</a>

Как правильно оформить привязку телефона

  1. Укажите номер в международном формате. Пример: +7 -161234567.
  2. Используйте схему tel: в атрибуте href. Это гарантирует работу на всех платформах.
  3. Отделяйте действие от информации. Текст ссылки – номер, а подпись кнопки – «Позвонить».
  4. Добавьте альтернативный текст для доступности. aria-label или title с полным номером.
  5. Проверьте стили. Кнопка должна быть достаточно крупной, чтобы её удобно было нажать на мобильных устройствах.

Пример корректного кода

<div class="contact-item">
 <span class="phone-number">+7 (916) -23‑45‑67</span>
 <a href="tel:+7 -161234567"
 class="call-button"
 aria-label="Позвонить по номеру +7 -16 123‑45‑67">
 <img src="phone-icon.svg" alt="Почему нельзя писать звонить в привязке телефона" aria-hidden="true">
 <span>Позвонить</span>
 </a>
</div>

Часто задаваемые вопросы

Можно ли написать просто «звонить» без номера?

Технически ссылка будет работать, но пользователь не будет знать, куда будет осуществлён звонок; Это плохой UX и может нарушать правила рекламных площадок.

Что делать, если номер слишком длинный?

Разбейте его визуально (например, +7 (916) -23‑45‑67), но в href оставьте непробельный формат без скобок и дефисов.

Как обеспечить совместимость со старыми браузерами?

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

Запрет на запись «звонить» в привязке телефонного номера имеет многогранные причины: от технической совместимости и требований к формату до вопросов доступности, пользовательского опыта и юридических ограничений. Следуя рекомендациям, приведённым в этой статье, вы сможете создать надёжный, понятный и безопасный интерфейс, который будет работать одинаково хорошо на всех устройствах и удовлетворять требования законодательства.

Помните: привязка – это не просто текст, а машинно‑читаемый сигнал. Дайте ему правильный формат, а пользователю – понятный контекст, и ваш сервис будет работать без сбоев.