web-dev-qa-db-fra.com

Dois-je hyperlier manuellement les numéros de téléphone en utilisant "tel:" sur mes sites Web?

Dans le code, vous avez la possibilité de transformer un numéro de téléphone sur un site Web en un lien en ajoutant le numéro de téléphone dans le href avec un "tel:"

Ainsi, par exemple, vous pouvez créer un lien vers le 800-867-5309 avec les éléments suivants:

<a href="tel:+18008675309">800-867-5309</a>

Certains téléphones transformeront automatiquement tout numéro de téléphone correctement formaté en un lien qui, lorsque vous cliquez dessus, vous invite à voir si vous souhaitez composer ce numéro (iPhones par exemple).

Est-il judicieux d'ajouter ces liens manuellement pour que les numéros de téléphone apparaissent liés sur les bureaux?

Sur un ordinateur de bureau, lorsque vous cliquez sur l'un de ces liens, l'ordinateur essaie d'ouvrir une sorte de programme de communication par défaut.

Si vous n'avez pas défini de programme de communication par défaut, cela pourrait être un peu dérangeant car il pourrait ouvrir un programme complètement inconnu, qui, je pense, relève du domaine des "résultats inattendus".

Existe-t-il une meilleure pratique pour ce genre de chose?

Les liens vers les numéros de téléphone devraient-ils, peut-être, être formatés différemment des autres liens?

29
magzalez

Je suggère d'utiliser microformats au lieu de "tel:" dans votre balisage, et laissez le navigateur le gérer.

Les utilisateurs expérimentés peuvent installer un plugin ou un script utilisateur si leur navigateur ne transforme pas nativement les numéros de téléphone en liens pour reformater les microdonnées ou afficher de nouveaux éléments dans le menu contextuel pour gérer ces données (par exemple: "importation" dans le carnet d'adresses, "" appeler directement ", etc.).

12
Michael

Comme vous l'avez identifié, si vous êtes sur un appareil qui peut passer des appels téléphoniques, c'est idéal, mais pour un site Web parcouru sur un ordinateur de bureau ou un ordinateur portable, je dirais non.

Comme vous le dites, si l'utilisateur n'a pas installé de programme capable de gérer le lien, il s'agit d'un mauvais UX car il essaiera d'échouer.

Skype a cliquez pour appeler qui, une fois installé, changera tout ce qu'il pense être un numéro de téléphone (via la correspondance de modèles) dans ce format pour vous. Ce n'est cependant pas infaillible, comme en témoigne cette question sur Meta Stack Overflow:

le plugin Skype convertit la réputation de l'utilisateur et les badges en un numéro de téléphone

Si des applications comme Skype deviennent omniprésentes, cela deviendrait une bonne idée, car vous contrôleriez la mise en forme et vous obtiendrez toujours les bons résultats.

5
ChrisF

À ce stade, presque tous les appareils capables de gérer tel: transformeront automatiquement les numéros de téléphone en liens hypertexte tel :. Les appareils qui ne peuvent pas générer de messages d'erreur, ce que les utilisateurs n'aiment pas. Je n'utiliserais donc des liens manuels tel: que lorsque leur utilité l'emporterait sur le risque d'un message d'erreur ou d'un résultat inattendu. Puisqu'il y a relativement peu d'appareils qui prennent en charge tel: et ne les font pas automatiquement, vous ne devriez pas actuellement les utiliser.

4
Owen Johnson

Une possibilité serait d'utiliser attributs de médias CSS pour reconnaître l'appareil avec lequel l'utilisateur navigue, et s'il est mobile, vous pouvez afficher les numéros de téléphone sous forme de liens. Sinon, affichez-les simplement normalement.

1
Tim