18

I'm working on a quick page intended for mobile browsers. While there is little consistency between browsers on cell phones (the target audience), I have a phone number that I would like to be as easy as possible to dial from the users phone. A link seems the obvious choice; so I set up the following:

<a href="tel:+18881235467">1-888-123-5467</a>

This seems to work OK on more advanced browsers such as the Android & BlackBerry browsers, it's a lot less reliable on other phones. Any advice on making this link work consistently and or correctly will be greatly appreciated.

FYI, this is a toll free domestic US call, but I imagine that some devices may be looking for a more general format.

Kara
  • 6,115
  • 16
  • 50
  • 57
Surreal Dreams
  • 26,055
  • 3
  • 46
  • 61

3 Answers3

11

The approach you are using is the 'standard' way to do this (i.e follows RFC 3966). If a mobile browser does not interpret it correctly, the only obvious way to fix this would be to extend or modify the browsers behavior itself, which you probably do not want to do or have access to do.

I believe it is supported on Windows devices (mobile explorer), iPhone (safari), Symbian and from what you are saying Blackberry and Android.

Are you finding problems with theses devices or are you supporting other mobile phones also?

Note that others seem to be having the opposite problem with iPhone and iPad as the default browser (Safari) changes anything that looks like a phone number into a link:

http://www.darowski.com/tracesofinspiration/2009/03/31/stop-iphone-from-incorrectly-auto-linking-phone-numbers/

Bill
  • 3,478
  • 23
  • 42
Mick
  • 24,231
  • 1
  • 54
  • 120
9

What I eventually came up with was a link that worked like this:

<a href="wtai://wp/mc;18881235467">1-888-123-4567</a>

This has worked on every phone tested so far, including Android, BlackBerry and some very clunky older phones. From what I gather, the structure of the link works like so:

WTAI references the Wireless Telephony Application Interface. The wp/ refers to the WTAPublic functions. The mc; is the makeCall function, and then of course you have the phone number. Similarly, you can do a link like this:

<a href="wtai://wp/ap;18881235467">Add to addressbook: 1-888-123-4567</a>

This is the same except mc; has been replaced by ap;, which refers to the addPBEntry function. This adds the phone number to your address book or similar stash of phone numbers.

These two sites were helpful in my research:

Surreal Dreams
  • 26,055
  • 3
  • 46
  • 61
  • 1
    Those links are extremely old: 2001, 2004. That's before mobile browsing really took off. I'd look for more contemporary references before going down that route. – CodeWarrior Dec 04 '12 at 16:28
  • 1
    Do you have any more up to date references? I don't need them anymore - I've long since moved on from this project - but other users might find them useful. – Surreal Dreams Dec 12 '12 at 05:13
3

I've seen big sites like yelp use a different method for accomplishing this, where they use vcard and tel classes:

http://microformats.org/wiki/hcard

<div class="vcard">
    <span class="tel">(555) 555-5555</span>
</div>
Angela
  • 31
  • 1