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 fonctionnement (telles que les effets de survol), mais également prendre en compte les capacités particulières des appareils. Cela inclut également (certaines personnes l’ont peut-être oublié) les appels téléphoniques.


D'ailleurs, il est recommandé de précéder le « +49 » dans l'attribut href, car il permet aux clients étrangers d'obtenir la bonne connexion téléphonique en Allemagne. Pour garantir qu'un numéro de téléphone dans la section contacts d'un site Web ouvre immédiatement l'application téléphonique lorsque vous appuyez dessus, le balisage suivant peut être utilisé:

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

Afin que les utilisateurs de bureau (qui ne peuvent rien faire avec la balise HTML sans le plugin Skype installé) ne soient pas confus, nous recommandons également le balisage CSS suivant, ce qui signifie que le lien ne peut 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