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 funzioni speciali durante il funzionamento (come gli effetti al passaggio del mouse), ma anche tenere conto delle capacità speciali dei dispositivi. Ciò include anche (alcune persone potrebbero averlo dimenticato) effettuare telefonate.
Si consiglia comunque di anteporre “+49” nell'attributo href perché così i clienti dall'estero possono ottenere la giusta connessione telefonica in Germania. Per garantire che un numero di telefono nella sezione contatti di un sito Web apra immediatamente l'app del telefono quando viene toccato, è possibile utilizzare il seguente markup:
<a href="tel:+498921555122">089 21 555 122</a>Per non confondere gli utenti desktop (che non possono fare nulla con il tag HTML senza il plug-in Skype installato), consigliamo anche 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;
}
}