If you optimize your own website for mobile devices, you should not only pay attention to different screen sizes, optimized loading times and special features in operation (such as hover effects), but also take into account the special capabilities of the devices. This also includes (some people may have forgotten) making phone calls.
By the way, a preceding “+49” in the href attribute is recommended because it allows customers from abroad to get the right telephone connection in Germany. The following markup can be used to ensure that a phone number in the contacts section of a website immediately opens the phone app when tapped:
<a href="tel:+498921555122">089 21 555 122</a>So that desktop users (who cannot do anything with the HTML tag without the Skype plugin installed) are not confused, we also recommend the following CSS markup, which means that the link cannot be recognized as such:
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;
}
}