Comment créer un lien hypertexte pour appeler un numéro de téléphone sur des appareils mobiles?


213

Quel est le format universel approprié pour créer un lien hypertexte cliquable permettant aux utilisateurs d'appareils mobiles d'appeler un numéro de téléphone?

Indicatif régional avec tirets

<a href="tel:555-555-1212">555-555-1212</a>

Indicatif régional sans tirets

<a href="tel:5555551212">555-555-1212</a>

Indicatif régional avec tirets et 1

<a href="tel:1-555-555-1212">555-555-1212</a>

Indicatif régional sans tirets et 1

<a href="tel:15555551212">555-555-1212</a>

Indicatif régional avec tirets, 1 et signe +

<a href="tel:+1-555-555-1212">555-555-1212</a>

Indicatif régional sans tirets, 1 et signe +

<a href="tel:+15555551212">555-555-1212</a>

Réponses:


183

Les tirets ( -) n'ont d'autre signification que de rendre le nombre plus lisible, vous pouvez donc aussi les inclure.

Étant donné que nous ne savons jamais d'où viennent les visiteurs de notre site Web, nous devons rendre les numéros de téléphone accessibles depuis n'importe où dans le monde. Pour cette raison, le +signe est toujours nécessaire . Le +signe est automatiquement converti par votre opérateur de téléphonie mobile en votre préfixe de numérotation international , également appelé " code de sortie " ». Ce code varie selon la région, le pays et parfois un seul pays peut utiliser plusieurs codes, selon le transporteur. Heureusement, lorsqu'il s'agit d'un appel local, le composer au format international fonctionnera toujours.

En utilisant votre exemple de numéro, lorsque vous appelez depuis la Chine, les gens devraient composer:

00-1-555-555-1212

Et de la Russie, ils composaient

810-1-555-555-1212

Le +signe résout ce problème en vous permettant d'omettre le préfixe de numérotation internationale.

Après le préfixe de numérotation internationale vient l' indicatif du pays (pdf) , suivi du code géographique (indicatif régional), enfin le numéro de téléphone local.

Par conséquent, l'un des deux derniers de vos exemples fonctionnerait, mais ma recommandation est d'utiliser ce format pour plus de lisibilité:

<a href="tel:+1-555-555-1212">+1-555-555-1212</a>

Remarque: pour les numéros qui contiennent un préfixe de ligne réseau différent du code de pays (par exemple, si vous l'écrivez localement avec des crochets autour de a 0), vous devez l'omettre car le numéro doit être au format international.


@ Vreality2007 En fait, le téléphone ajoutera probablement les tirets automatiquement. Comme il se trouve dans le code source de la page, l'utilisateur ne le verra pratiquement jamais. Si c'est un utilisateur de bureau, ils peuvent passer la souris sur le lien et voir ce qui sera composé, mais c'est pourquoi le texte de liaison est également le numéro de téléphone, qui pour plus de lisibilité j'inclurais les tirets. Cependant, comme cela ne coûte rien, je les inclurais également dans le lien d'ancrage. Pourquoi pas, non?
Mike

@Mike comme alternative à + un peut également utiliser 00.
Matas Vaitkevicius

3
@MatasVaitkevicius En fait, non. Pas partout utilise 00 comme préfixe de numérotation international , donc là où un autre est utilisé, l'appel échouera probablement.
Mike


9

J'ai également trouvé ce format en ligne et l'ai utilisé. Semble fonctionner avec ou sans tirets. J'ai vérifié que cela fonctionne sur mon Mac (essaie d'appeler le numéro dans FaceTime) et sur mon iPhone:

<!-- Cross-platform compatible (Android + iPhone) -->
<a href="tel://1-555-555-5555">+1 (555) 555-5555</a>

2

J'ai utilisé:

Tel: <a href="tel:+123 123456789">+123 123456789</a>

et le résultat est:

Tél: +123 123456789

Où "Tel:" représente le texte pur et seul le numéro est codé et cliquable.


-5

Vous pouvez également utiliser callto: ########### en remplaçant le courrier électronique de code par appel, au moins selon le site W3Cschool mais je n'ai pas eu l'occasion de le tester.


7
Selon RFC3966, vous devez utiliser tel:#####.
Itay Grudev du

2
callto:était une chose Skype, en fait. Pas dans aucun RFC.
Alexis Wilke
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.