iOS Mail: Automatische Formatierung von Nummern und Daten unterdrücken
iOS erkennt in E-Mails automatisch Telefonnummern, Adressen, Datumsangaben und Uhrzeiten und verwandelt sie in blaue, unterstrichene Links. Das ist im Alltag praktisch und im Newsletter-Layout ärgerlich: Die Erkennung greift auch dort, wo sie nicht soll, und überschreibt Ihre Textfarben.
Überarbeitete Fassung eines Beitrags von 2015. Apple hat die Funktion seither umbenannt und erweitert — das Vorgehen dagegen ist dasselbe geblieben.
Was iOS automatisch erkennt
- Telefonnummern — auch Zahlenfolgen, die keine sind, etwa Bestellnummern oder Beträge
- Adressen und Ortsangaben
- Datumsangaben und Uhrzeiten, verlinkt auf den Kalender
- Flugnummern und Paketverfolgungsnummern
- Internetadressen ohne Protokollangabe
Am unangenehmsten sind Fehltreffer: Eine Auftragsnummer wie „12 3456 789″ wird zur Telefonnummer, ein Preis zum Datum.
Erkennung abschalten
Im <head> der E-Mail lassen sich die Formate einzeln abschalten:
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">Das wirkt zuverlässig bei Telefonnummern, bei den übrigen Formaten je nach iOS-Version unterschiedlich gut.
Die zuverlässige Methode: Selbstverlinkung
Was bereits ein Link ist, wird nicht noch einmal erkannt. Deshalb hilft es, betroffene Textstellen bewusst zu verlinken und den Link so zu gestalten, dass er wie normaler Text aussieht:
<a href="#" style="color:#101214; text-decoration:none; pointer-events:none;">
Auftragsnummer 12 3456 789
</a>Bei echten Telefonnummern ist die bessere Lösung, sie absichtlich als tel:-Link auszuzeichnen und selbst zu gestalten. Dann ist der Klick nützlich und die Farbe stimmt trotzdem.
Rückfall über CSS
Bleibt trotzdem etwas blau, hilft eine Regel, die den vom System erzeugten Link überschreibt:
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}Diese Regel gehört in den <style>-Block der E-Mail. Sie greift nur unter iOS und stört andere Programme nicht.
Vor dem Versand prüfen
Testen Sie auf einem echten Gerät, nicht nur in der Vorschau des Versandwerkzeugs. Achten Sie besonders auf Fußzeilen mit Anschrift und Telefonnummer, auf Bestell- und Rechnungsnummern und auf Termin- und Preisangaben — dort entstehen die meisten Fehltreffer.
HTML-E-Mails bleiben ein Feld eigener Regeln. Wenn Sie regelmäßig versenden und die Darstellung nicht in den Griff bekommen, sprechen Sie uns an.
Weiterlesen oder fragen
Passt das auf Ihren Fall?
Wenn Sie vor einem ähnlichen Problem stehen und nicht weiterkommen: Schreiben Sie uns kurz, worum es geht.