Se ottimizzi il tuo sito web per i dispositivi mobili, non dovresti solo prestare attenzione alle diverse dimensioni dello schermo, ai tempi di caricamento ottimizzati e alle caratteristiche speciali in funzione (come gli effetti hover), ma anche considerare le capacità speciali dei dispositivi. Ciò include anche (alcune persone potrebbero aver dimenticato) le telefonate.
Per inciso, un "+49" precedente nell'attributo href è consigliato perché consente ai clienti dall'estero di accedere alla connessione telefonica corretta in Germania. Il markup seguente può essere utilizzato in modo che un numero di telefono nell'area dei contatti di un sito Web apra l'app del telefono quando lo si tocca:
<a href="tel:+498921555122">089 21 555 122</a>In modo che gli utenti desktop (che non possono fare nulla con il tag HTML senza un plug-in Skype installato) non siano confusi, si consiglia il seguente markup CSS in modo che il collegamento non possa essere riconosciuto come tale:
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;
}
}