Atunci când optimizați site-ul web pentru dispozitive mobile, nu ar trebui să vă concentrați doar pe diferite dimensiuni ale ecranului, timpi de încărcare optimizați și funcții speciale (cum ar fi efectele de hover), ci să luați în considerare și capacitățile specifice ale dispozitivelor. Aceasta include (unii poate au uitat) efectuarea de apeluri telefonice.
De altfel, se recomandă un „+49” precedent în atributul href, deoarece permite clienților din străinătate să acceseze conexiunea telefonică corectă din Germania. Următorul marcaj poate fi utilizat astfel încât un număr de telefon din zona de contact a unui site web să deschidă aplicația pentru telefon când o atingeți:
<a href="tel:+498921555122">089 21 555 122</a>Pentru ca utilizatorii de desktop (care nu pot face nimic cu eticheta HTML fără un plugin Skype instalat) să nu fie confundați, se recomandă următorul markup CSS, astfel încât linkul să nu poată fi recunoscut ca atare:
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;
}
}