How to change formatting of data detector links in iOS

Description of the issue

Visit https://devacademy.co.nz/course-dates/ and observe the text in the “Wānanga-Ipurangi Online” (red) section.

Observe that in Brave the dates become red hyperlinks to create calendar events — which has the unfortunate side effect of rendering them invisible against the red background.

Curiously, in Safari and Chrome, it seems that the dates aren’t getting converted into links at all, which causes them to appear as white text.

Screenshots

Brave

Safari

Brave Version

1.33 (21.12.14.16)

Mobile Device details

iPhone 8s running iOS 15.1

Remarks

I’m not sure that this is a bug per se in Brave, as I would presume that the browser actually should be utilising data detectors unless explicitly told not to in the page markup — so if anything it seems to me that Safari and Chrome are doing the wrong thing in this case 🤷

However, the default formatting of these links is unfortunate. I’ve suggested to the team maintaining the website that they use CSS to force these links to inherit from the site stylesheet, and I’m wondering if this is the correct way to go about it, or if there is a better solution?

1 Like