Als u uw eigen website optimaliseert voor mobiele apparaten, moet u niet alleen letten op verschillende schermformaten, geoptimaliseerde laadtijden en speciale functionaliteiten (zoals hover-effecten), maar ook rekening houden met de speciale mogelijkheden van de apparaten. Dit omvat ook (sommige mensen zijn het misschien vergeten) het voeren van telefoongesprekken.
Overigens wordt een voorafgaande “+49” in het href-attribuut aanbevolen, omdat klanten uit het buitenland hierdoor de juiste telefoonverbinding in Duitsland kunnen krijgen. Om ervoor te zorgen dat een telefoonnummer in het contactengedeelte van een website onmiddellijk de telefoonapp opent wanneer erop wordt getikt, kan de volgende opmaak worden gebruikt:
<a href="tel:+498921555122">089 21 555 122</a>Om ervoor te zorgen dat desktopgebruikers (die niets kunnen doen met de HTML-tag zonder dat de Skype-plug-in is geïnstalleerd) niet in verwarring raken, raden we ook de volgende CSS-markering aan, wat betekent dat de link niet als zodanig kan worden herkend:
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;
}
}