Posted over 3 years ago. Visible to the public. Linked content.

The Current State of Telephone Links | CSS-Tricks

The linked article shows what current browsers do when you click a link like this:

Copy
<a href="tel:1-562-867-5309">1-562-867-5309</a>

Spoiler: The current state is sad

It's still the case that most desktop browsers can't do something useful with tel: links. They will usually open a dialog confirming that an external application will be opened. If the user confirms, she will see an error, or nothing at all.

On mobile browsers on the other hand, these links just open the internal phone app, which is very useful.

Unfortunately you cannot detect whether a browser will do something useful with a tel: link. Your best options seem to be:

  1. Don't have tel: links and rely on the mobile browsers to automatically link phone numbers (which some do)
  2. Do have tel: links, but only style them (with color, underline) on small screens.
Growing Rails Applications in Practice
Check out our new e-book:
Learn to structure large Ruby on Rails codebases with the tools you already know and love.

Owner of this card:

Avatar
Henning Koch
Last edit:
over 3 years ago
by Henning Koch
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Henning Koch to makandra dev
This website uses cookies to improve usability and analyze traffic.
Accept or learn more