Jeśli optymalizujesz własną stronę internetową pod kątem urządzeń mobilnych, powinieneś zwrócić uwagę nie tylko na różne rozmiary ekranów, zoptymalizowany czas ładowania i specjalne funkcje w działaniu (takie jak efekty najechania), ale także wziąć pod uwagę szczególne możliwości urządzeń. Obejmuje to również (niektóre osoby mogły zapomnieć) wykonywanie połączeń telefonicznych.
Nawiasem mówiąc, zalecane jest dodanie poprzedzającego „+49” w atrybucie href, ponieważ pozwala to klientom z zagranicy uzyskać odpowiednie połączenie telefoniczne w Niemczech. Poniższego znacznika można użyć, aby mieć pewność, że po dotknięciu numer telefonu w sekcji kontaktów witryny internetowej natychmiast otworzy aplikację telefonu:
<a href="tel:+498921555122">089 21 555 122</a>Aby użytkownicy komputerów stacjonarnych (którzy nie mogą nic zrobić z tagiem HTML bez zainstalowanej wtyczki Skype) nie byli zdezorientowani, zalecamy również następujący znacznik CSS, co oznacza, że link nie może 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;
}
}