Lors de l'optimisation de votre site web pour les appareils mobiles, il ne faut pas se concentrer uniquement sur les différentes tailles d'écran, les temps de chargement optimisés et les fonctionnalités spéciales (comme les effets de survol), mais aussi prendre en compte les capacités spécifiques des appareils. Cela inclut (certains l'ont peut-être oublié) la possibilité de passer 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;
}
}