Associez correctement les numéros de téléphone

Si vous optimisez votre propre site Web pour les appareils mobiles, vous devez non seulement prêter attention aux différentes tailles d'écran, aux temps de chargement optimisés et aux fonctionnalités spéciales en cours de fonctionnement (telles que les effets de survol), mais également aux capacités spéciales des appareils. Cela comprend également (certaines personnes peuvent avoir oublié) faire des appels téléphoniques.


Incidemment, un préfixe «+49» dans l'attribut href est recommandé car il permet aux clients de l'étranger d'accéder à la bonne connexion téléphonique en Allemagne. Le balisage suivant peut être utilisé pour qu'un numéro de téléphone dans la zone de contact d'un site Web ouvre l'application de téléphone lorsque vous appuyez dessus:

<a href="tel:+498921555122">089 21 555 122</a>

Pour que les utilisateurs de bureau (qui ne peuvent rien faire avec la balise HTML sans un plug-in Skype installé) ne soient pas confus, le balisage CSS suivant est également recommandé afin que le lien ne puisse pas être reconnu comme tel:

a[href^="tel"] {
   cursor: default;
   text-decoration: none;
   color: #000;
}
@media only screen and (max-device-width: 480px) {
   a[href^="tel"] {
      text-decoration: underline;
      color: blue;
   }
}
Retour