Html Question posted in
Some basic documentation can be found here.

Html – Mailto <a> tag not firing Mail app on some Iphones' Safari

My client told me that them and their website’s visitors with iPhones can’t open the mailto link inside an tag.

<a href="mailto:[email protected]" title="E-mail"><span itemprop="email">[email protected]</span></a>

The link should open your email app or whatever behaviour is associated with mailto.
Since I don’t an iPhone I tried Browswerstack.
On this site https://www.rublanch.com/en mail in the footer:

  1. On iOS 16.7.5 (real device, of the client) the click triggers nothing.
  2. On iOS from 17 to 14 and 11 on Browerstack the link opens Mail.
  3. On iOS 12-13 on Browerstack it behaves like 1).
  4. On iOS 17.3 real device the link opens Mail.

Things get even weirder because the device 1) can open "send us an email" here https://www.altabadia.org/en/tourist-office-badia.html which is basically using the same tag, mine just has the title attribute. The same link is not working on devices 3) on Browserstack.

What could be the culprit of this behavior?

EDIT: I just wrote a telephone here by mistake. On the example website there’s always been an email adress!

Tags:

2

Answers


  1. 0

    I believe your href attribute should contain "mailto:[email protected]". If you need for a number, it should be href="tel:+44123456789". You can look into mailto for more understanding.

    <a href="mailto:[email protected]" title="E-mail"><span itemprop="email">[email protected]</span></a>
    Login or Signup to reply.
  2. 0

    Probably your href attribute its wrong, should contain an email, like [email protected]

    <a href="mailto:[email protected]" title="E-mail"><span itemprop="email">[email protected]</span></a>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search