Термин привязка (англ. 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») может:
- Сломать парсинг в разных ОС (iOS, Android, Windows).
- Привести к ошибкам в аналитических системах, которые собирают статистику звонков.
- Увеличить риск «фишинга», когда пользователь может кликнуть на «звонить» и попасть на вредоносный номер.
Пользовательский опыт (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>
Как правильно оформить привязку телефона
- Укажите номер в международном формате. Пример:
+7 -161234567. - Используйте схему
tel:в атрибутеhref. Это гарантирует работу на всех платформах. - Отделяйте действие от информации. Текст ссылки – номер, а подпись кнопки – «Позвонить».
- Добавьте альтернативный текст для доступности.
aria-labelилиtitleс полным номером. - Проверьте стили. Кнопка должна быть достаточно крупной, чтобы её удобно было нажать на мобильных устройствах.
Пример корректного кода
<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‑скрипт, который открывает диалог с номером.
Запрет на запись «звонить» в привязке телефонного номера имеет многогранные причины: от технической совместимости и требований к формату до вопросов доступности, пользовательского опыта и юридических ограничений. Следуя рекомендациям, приведённым в этой статье, вы сможете создать надёжный, понятный и безопасный интерфейс, который будет работать одинаково хорошо на всех устройствах и удовлетворять требования законодательства.
Помните: привязка – это не просто текст, а машинно‑читаемый сигнал. Дайте ему правильный формат, а пользователю – понятный контекст, и ваш сервис будет работать без сбоев.