Länka telefonnummer korrekt

Om du optimerar din egen webbplats för mobila enheter bör du inte bara vara uppmärksam på olika skärmstorlekar, optimerade laddningstider och speciella funktioner i drift (som svävningseffekter), utan även ta hänsyn till enheternas speciella möjligheter. Detta inkluderar även (vissa personer kanske har glömt) att ringa telefonsamtal.


Förresten, ett föregående "+49" i href-attributet rekommenderas eftersom det tillåter kunder från utlandet att få rätt telefonanslutning i Tyskland. Följande markering kan användas för att säkerställa att ett telefonnummer i kontaktsektionen på en webbplats omedelbart öppnar telefonappen när du trycker på:

<a href="tel:+498921555122">089 21 555 122</a>

För att skrivbordsanvändare (som inte kan göra något med HTML-taggen utan Skype-plugin installerad) inte ska förväxlas rekommenderar vi även följande CSS-uppmärkning, vilket innebär att länken inte kan kännas igen som sådan:

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;
   }
}
Tillbaka