Jeśli optymalizujesz własną stronę internetową pod kątem urządzeń mobilnych, powinieneś nie tylko zwracać uwagę na różne rozmiary ekranu, zoptymalizowane czasy ładowania i specjalne funkcje w działaniu (takie jak efekty najechania kursorem), ale także wziąć pod uwagę specjalne możliwości urządzeń. Obejmuje to również (niektórzy ludzie mogli zapomnieć) wykonywanie połączeń telefonicznych.
Nawiasem mówiąc, zaleca się umieszczenie w atrybucie href przedrostka „+49”, ponieważ umożliwia on klientom z zagranicy dostęp do odpowiedniego połączenia telefonicznego w Niemczech. Można użyć następujących znaczników, aby numer telefonu w obszarze kontaktowym witryny internetowej otwierał aplikację telefonu po dotknięciu go:
<a href="tel:+498921555122">089 21 555 122</a>Aby użytkownicy komputerów stacjonarnych (którzy nie mogą nic zrobić ze znacznikiem HTML bez zainstalowanej wtyczki Skype) nie byli zdezorientowani, zaleca się stosowanie następujących znaczników CSS, aby link nie został rozpoznany jako taki:
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;
}
}