Consider the HTML code below. When run on an iPad, iPhone (from the Netherlands) in Safari, the numbers in the first two lines are recognized by Safari as phone numbers. However, the number in the third line is not automatically recognized as a phone number. How to explain the difference?

<!DOCTYPE html> <html lang="en"> <head> <title>Apple Safari automatic phone number recognition</title> <style> a[href^=tel] {color: red;} </style> </head> <body> <p>1-555-555-5555</p> <p>Boost 1-555-555-5555, Automated phone number</p> <p>Bound 1-555-555-5555, Not an automated phone number</p> <p>xxd 1-555-555-5555, It seems that any word with at least three letters and ending in a “d” disables the phone number detection. <p>Apple 0800 0201581, Automated phone number</p> <p>Pound 0800 0201581, Not an automated phone number</p> <p>Last child.</p> </body> </html>

clp's user avatar

8

The issue occurs because Safari's pattern recognition can be inconsistent when phone numbers are mixed with specific keywords like "Bound". To fix this and ensure 100% reliability, you should take manual control.

1. Disable Auto-Detection Add this meta tag to your <head> section to stop Safari from guessing:

HTML

<meta name="format-detection" content="telephone=no">

2. Use Manual tel: Links Wrap your phone numbers in an anchor tag. This is the standard way to ensure it works across all mobile browsers:

HTML

<p>Bound <a href="tel:1-555-555-5555">1-555-555-5555</a></p>

3. Style for Consistency (CSS) Use this CSS to prevent the default blue link style while keeping it interactive on mobile:

CSS

a[href^="tel"] { color: inherit; text-decoration: none; } @media (max-width: 768px) { a[href^="tel"] { color: #007bff; text-decoration: underline; } }

Demo: You can check the fix here https://codepen.io/aymandevoffical-stack/pen/pvEYRRK

Ayman.Dev.Official's user avatar

1 Comment

My goal is to understand how the phone detection by Apple works. Not how to deal with it. An other related question could be: how to disable phone detection with access to css, but without the apple specific meta tag.

2026-04-17T15:02:43.59Z+00:00

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.