Gunther: Telefonnummern für Smartphones formatieren

Beitrag lesen

Hi!

Wenn du die Nummer _nicht_ verlinkst und z.B. schreibst +43 (0) 123 / 45 67 89 wird die Telefonnummer ohne Verlinkung als +430123456789 erkannt (zumindest von allen iOS-Geräten unterschiedlichster Evolutionsstufen) - da ist dann eine Null zu viel.

Jetzt gibts also 2 Kunden:

  1. ich will, dass die Nummer gut aussieht - auch wenn ich irgendwelche absurden oder antiken nicht-(mehr-)?Normen erfülle

Lösung: <a href="tel:+43-123-456789">+43 (0) 123 / 45 67 89</a>

  1. ich will, dass beim Klicken der Nummer auf einem Desktop-Gerät kein "Weiß nicht, wie er mit diesem Protokoll umgehen soll"-Verweis kommt

Lösung: +43-123-456789

Wobei Lösung #2 den Nachteil hat, dass sie auf vielen ordentlichen Browsern nicht funktioniert, weil ein kein Link einfach kein Link ist

Allerdings hat Lösung #2 den signifikaten Vorteil, dass man z.B. Fax-Nummern nicht klicken/anrufen kann, was unter iOS kein Problem ist.

Die Empfehlung an meine Kunden ist daher idR. folgendes um deren Kontaktinformationen auszuzeichnen (#1 für Telefonnummern und #2 für Fax-Nummern):

<div class="tel">

<span class="type">Tel</span>.:
    <a class="value" href="tel:+43-123-456789">+43-123-456789</a>
  </div>
  <div class="tel">
    <span class="type">Fax</span>:
    <span class="value">+43-123-456789-99</span>
  </div>


>   
  
Hmmm ..., damit hast du aber in Desktop-Browsern ja genau das Problem, welches du 2) vermeiden wolltest.  
  
Ich sehe die "Lösung" eher in "UA Sniffing", um zwischen Mobile und Desktop zu differenzieren und die Links entsprechend zu generieren, bzw. zu de-/aktivieren.  
  
Gruß Gunther