1485 sujets

Web Mobile et responsive web design

Lien bleu sur mail iphone newsletter

Bonjour,

Je me suis lancé dans la création d'une newsletter en html, j'ai testé mon affichage sur plusieurs supports et un seul problème persiste :
sur l'appli mail d'iphone, des liens bleus apparaissent sur toutes les dates (même le mot : samedi) du texte pour proposer à la personne de rentrer la date dans son agenda.

J'ai cherché partout et aucun forum n'en parle, j'ai tenté d'entourer mon texte d'une balise span "<span style="color:#000; text-decoration:none;"> mais ça ne marche pas...

Est ce que quelqu'un à déjà eu ce problème ?

Merci d'avance Smiley cligne
Salut et bienvenu,

Litmus en parle sans proposer de solution miracle mais une à l'air de fonctionner dans la plupart des cas :
TEST 5: WRAPPING OFFENDING LINKS IN STYLED SPANS

Our final—and favorite—solution remains the same from our original post. This solution involves setting your desired link styles in classes in the <head> of your email, and adding your new class to span tags surrounding your target text.

While inline CSS is the rule of thumb for HTML email (Gmail strips out CSS in the <head> of emails), the native mail client in iOS supports embedded style sheets. Since our test email required two different link colors, we added one class for regular black text and a second for the high-contrast text at the bottom.

.appleLinksWhite a {color: #ffffff !important; text-decoration: underline;}
.appleLinksBlack a {color: #000000 !important; text-decoration: none;}
After specifying these classes in the <head> of our email, we wrapped the offending blue text in <span> tags with the appropriate class throughout the email:

<span class=”appleLinksBlack”>866-787-7030</span>
The formerly blue and underlined text now blends with the rest of my design, and my high-contrast text has regained readability. It’s important to note, however, that each of the formerly blue links are still active. They simply blend into the surrounding text a bit better than before. Tapping these links will still trigger their associated app-based events.
Voici le lien de la page : https://litmus.com/blog/update-banning-blue-links-on-ios-devices

Une autre page intéressante : http://jennamolby.com/6-tips-on-developing-html-emails-for-the-iphone/
Je l'utilise quasiment systématiquement mais on supprime quand même une petite fonctionnalité que certains utilisateurs d'iOS utilisent...
Sujet clos
Aller à