Was sind blaue Links?
Die blauen Links tun genau das, was Sie von ihnen erwarten: E-Mail-Text, der wie ein Hyperlink formatiert ist (blauer, unterstrichener Text), wird als Hypertext-Link bezeichnet. Diese blauen Links werden häufig im E-Mail-Marketing verwendet, insbesondere auf mobilen Geräten. Sie werden automatisch von E-Mail-Clients erstellt und bieten Empfängern viele Möglichkeiten, Inhalte zu speichern oder mit ihnen zu interagieren.
Apple Mail hat diese Hyperlinks früher blau gefärbt, aber das Programm hat sein System inzwischen so aktualisiert, dass dies nicht mehr der Fall ist. Wenn Sie eine Adresse oder Zeit auf einem iOS-Gerät anzeigen, erscheint die Formatierung dieselbe wie zuvor, aber es wird eine gepunktete Unterstreichung hinzugefügt, um anzuzeigen, dass darauf geklickt werden kann.
Auch wenn dies einige blaue Links einfacher macht zu finden, es löst nicht alle Probleme mit blauen Links, weil das Problem größer ist als nur Adressen und Zeiten.
Wenn Sie Apple Mail verwenden Auf einem iOS-Gerät ist Ihnen vielleicht aufgefallen, dass die Felder Telefonnummer, Website und E-Mail blau eingefärbt wurden. Die Felder für die Postanschrift und die Zeitzone wurden jedoch beibehalten.
Sollten Sie diese blauen Links entfernen oder nicht?
Abonnenten können dies tun finden die verknüpften Informationen nützlich, egal ob sie nach einer Adresse oder einer Telefonnummer suchen, um sie ihrer Kontaktliste hinzuzufügen. Blaue Links sind zwar vom Branding-Standpunkt aus irritierend, aber für Benutzerfreundlichkeit und Zugänglichkeit fantastisch und bieten wichtige Funktionen.
Auf der einen Seite legen wir Wert auf Markenkohäsion und Einheitlichkeit in unseren E-Mail-Layouts. Wenn E-Mail-Clients unsere benutzerdefinierte Formatierung außer Kraft setzen, kann uns das schockieren, unsere Stakeholder irritieren und Zugänglichkeitsprobleme verursachen. Empfänger können sich jedoch auf diese Funktion verlassen und erwarten, auf den Inhalt einer E-Mail reagieren zu können.
Also, wie sollten diejenigen, die E-Mails erstellen, vorgehen?
Unsere Empfehlung ist, das optische Erscheinungsbild dieser Links zu ersetzen, während die Funktionalität gleich bleibt. Die ideale Lösung für blaue Links würde uns, nicht das Betriebssystem oder den E-Mail-Client, entscheiden lassen, wie diese Links gestaltet werden sollen, und gleichzeitig die Möglichkeit behalten, Aktionen automatisch auszuführen.
Man könnte argumentieren, dass das Löschen des blauen, unterstrichenen Stils zu weit geht. Es gibt jedoch erhebliche Zugänglichkeitsprobleme mit dem Standardverhalten, die wir beheben können. Sehen Sie sich die Fußzeile dieser E-Mail an, um ein Beispiel für eine Adresse mit blauen Links zu sehen:
Es ist ein typisches Layout mit weißem Text auf schwarzem Hintergrund und einigen Unterüberschriften, um den Blick nach oben zu lenken. Das blaue Thema und die damit verbundenen Informationen reduzieren den Kontrast erheblich. Es wird für jeden mit Sehbehinderung oder sogar für Menschen mit außergewöhnlichem Sehvermögen, die einen abgedunkelten Bildschirm oder ein Mobilgerät in hellem Sonnenlicht verwenden, eine unglaubliche Herausforderung sein, diese Informationen aufzunehmen. Eine nützliche Funktion wird zum Ärgernis.
Außerdem handhaben nicht alle E-Mail-Programme automatische Links gleich. Während blaue Links am problematischsten zu sein scheinen, behalten einige Kunden die Textfarbe bei, fügen aber Unterstreichungen hinzu. Telefonnummern, aber keine physischen Adressen, können von bestimmten Kunden verknüpft werden. Es ist schwierig, alles unter Kontrolle zu halten, wenn es so viele Abweichungen gibt.
Wie sollten Webentwickler in diesem Fall blaue Links in E-Mails codieren?
Der effizienteste Ansatz, um Auto-Link-Ästhetik
Eingebettetes CSS zum Überschreiben des automatischen Link-Stils ist die beste Lösung, die wir entdeckt haben, während wir in der Vergangenheit andere Optionen in Betracht gezogen haben, wie die Verwendung von Spans und Klassen, um auf häufig verlinkte Inhalte abzuzielen, oder das Hinzufügen unsichtbarer Zeichen in diesen Text, um das Verhalten zu stören. Der nächste Schritt besteht darin, markengerechte Attribute wie Unterstreichungen und Farben zu verwenden, um anzuzeigen, dass das Material noch anklickbar ist. Einfach das Beste in Bezug auf Nutzung und Komfort.
Es gibt mehrere Vorteile bei der Verwendung dieses Ansatzes. Es ist möglich:
1. Formatieren Sie den Text nach Ihren Wünschen.
2. Sie sind nicht darauf beschränkt, nur einen Linkstil für eine ganze E-Mail zu verwenden.
3. Pflegen Sie die Fortschritte bei den Funktionen von Betriebssystemen und E-Mail-Clients.
4. Leicht in Form zu halten.
5. Das ist sowohl für Ihre Mailingliste als auch für Sie von Vorteil.
Es gibt jedoch nur einen Haken. Aufgrund der großen Vielfalt, wie automatisch verlinkter Text von verschiedenen E-Mail-Clients gehandhabt wird, müssen Sie viele CSS-Regeln einrichten, um die Standardeinstellung zu überschreiben.
Änderungen an den blauen Links von Apple Mail
Apple Mail verwendet mehr als nur die Eigenschaft href, um Links um Text herum zu erstellen. Hier ist eine einfache Illustration:
In jedem In diesem Fall müssen Sie jetzt nur noch nach Komponenten mit bestimmten Eigenschaften suchen und die Stile dieser Elemente ändern.
Um sicherzustellen, dass alle von Apple hinzugefügten Hyperlinks die Formatierung ihres übergeordneten Elements übernehmen, können Sie dies tun Fügen Sie Folgendes in den Stilblock Ihrer E-Mail ein.
a[x-apple-data-Detectors] { color: inherit !important; Textdekoration: keine !wichtig; Schriftgröße: erben !wichtig; Schriftfamilie: erben !wichtig; Schriftstärke: erben !wichtig; Zeilenhöhe: erben !wichtig; }
Die Funktionalität ist weiterhin vorhanden, aber der Text wird wie ursprünglich geplant formatiert.
Weisen Sie der Farbeigenschaft einen Hex-Farbcode zu, der zur Ästhetik Ihrer Marke passt (z. B. #77d6fc für Licht blue) und setze die text-decoration-Eigenschaft auf underline, um deutlich zu machen, dass der Text anklickbar ist.
Auch wenn du die blauen Auto-Links für ein pixelgenaues Design gerne loswerden möchtest, behalte es bei Denken Sie daran, dass die Empfänger Ihrer E-Mail Personen sind, die den Empfang abonniert haben. Adressen, Daten und Telefonnummern können in E-Mail-Clients mit den besten Absichten angeklickt werden, eine Funktion, die viele begrüßen und erwarten. Bewahren Sie sie im Freien auf. Ändern Sie sie, damit sie zum Stil Ihrer E-Mail passen. Wenn Sie dies tun, werden sich Ihre Investoren und Ihre Leser freuen.