Казалось бы простая задача: вывод номера телефона в письме. Что может быть сложного? Классика. Никто не может прийти к единому стандарту.

Вопрос дня:

Использовать нативность, чудить или достучаться до разработчиков? Я не дам на него ответ, ибо сам нахожусь в замешательстве.

Возьмем номер:

8 (800) 888-88-88

И будем извращаться

Вариант №1: Нативность

a { color:#0077cc !important }
a[href^=tel] {
    color:#000000 !important;
    text-decoration: none;
    border-bottom:#000000 1px dotted;
}
p { color:#000000; }

<p>Позвоните нам <b>8 (800) 888-88-88</b></p>

Что мы получаем:

— Популярные почтовые вемборды нам покажут номер телефона. Даже mail.ru ныне не преобразовывает номер в ссылку для звонка, хотя делал это ранее.
— Андроид честно тестировать не стал пока что.
— Gmail приложение не преобразовывает ссылку для звонка. Ссылка остается без изменений.
— iOS приложения: Mail, Outlook, Mailbox, Spark и Rambler преобразовывают номер и подхватывают стили a[href^=tel] тем самым стилизуя номер под псевдоссылку как мы и хотели.
— iOS приложения: Google Inbox, Yandex, Mail.ru, My.com преобразовывают номер для звонка и делают ссылку дефолтным блевотносиним цветом
— iOS приложение Yahoo преобразовывают номер для звонка и красит ссылку в #0077cc. То есть подхватывает оформление из CSS, но не понимает, что наша ссылка — это номер телефона.
— Все OSX десктопные приложения стилизуют номер под псевдоссылку.
— Десктопные Windows клиенты пока не тестировал, но уверен, что 90% не будут заниматься преобразованием ссылки.

Вариант №2: Чудим

a { color:#0077cc !important }
a[href^=tel] {
    color:#000000 !important;
    text-decoration: none;
    border-bottom:#000000 1px dotted;
}
p { color:#000000; }

<p>Позвоните нам <b><a href="tel:+78008888888" style="color:#000000 !important; text-decoration:none; border-bottom:#000000 1px dotted;">8 (800) 888-88-88</a></b></p>

Что мы получаем:

— Вемборды: Gmail, Google Inbox, Yandex, Yahoo — Все хорошо. Рабочая звонящая псевдоссылка.
— Вебморды: Outlook.com и Mail.ru — Ссылка стилизована, но не звонит. Параметр href пуст.
— Вебморда Rambler — Ссылка стилизована. В параметре href следующий перл "/m/badurl".
— Все iOS приложения. Идеально. Кроме Mail.ru и My.com. Они по-прежнему подставляют блевотносинюю ссылку. Благо, звонит.
— Все OSX десктопные приложения стилизуют номер под звонящую псевдоссылку.
— Windows десктопные приложения и андроид приложения пока также не тестировались.

Вариант №3: Достучаться до разработчиков

— Яндекс, введите уже поддержку медиазапросов в мобильном приложении. В этом нет ничего катастрофичного.
— Mail.ru, они же My.com, пожалуйста введите поддержку медиазапросов, а также снимите жесткое форматирование телефонных номеров. Проверьте проблему неработоспособности tel-ссылки в вашей вебморде. Исправьте корявые переносы текста в мобильном приложении. Алгоритм переноса мягко говоря удручает. Ни в одном почтовом приложении такого бреда нет.
— С Рамблером все понятно. Обещали новую вебморду в следующем году. Приложение пока сырое, но нареканий к нему меньше всех.
— Яху. Выкатили свежее приложение. Нареканий нет. Разве что не понимает a[href^=tel] селектор. Да и кто тут меня услышит?
— Майкрософт. Я, в принципе, благодарен отделу разработки Аутлука, ибо секса в моей жизни стало в разы больше именно благодаря им. Но и тут есть мольбы в пустоту. Ладно, десктопные аутлуки. С этим все смирились. Но в чем проблема поставить одинаковые парсеры на все вебморды? Outlook.com, Office365, Live.com. Почему нельзя все их привести к виду Outlook.com? В котором кстати надо пофиксить работоспособность tel-ссылки.

Понятное дело, что всем плевать. Тикеты не обрабатываются. А если и обрабатываются, то приходят отписки типа: «Спасибо, примем меры» от безликих агентов поддержки. Попробуем по теории рукопожатий? Why not?