Prevent words in logos being detected as text

Contribute UX

AI-generated summary

Prevent words in logos being detected as text: Richie is experiencing issues with Safari detecting words in logos, specifically the Discourse logo, and selecting the text instead of navigating to the homepage. supermathie confirms this is due to Safari’s Live Text feature and notes that disabling it system-wide is possible, but not practical for community members. Arkshine suggests using CSS (user-select: none; and pointer-events: none;) to prevent the browser’s OCR from interfering with the logo, which Richie plans to try. After initial tests, Richie reports positive results, thanking @Arkshine for the solution, which should alleviate issues for Safari users. supermathie and NateDhaliwal also participate in the discussion, with supermathie acknowledging a mistake in referencing Apple’s forums instead of Discourse.

1

Can we stop words in logos being detected by some browsers? :thinking:

I’m unsure if this is an iOS / macOS issue, a Safari issue, or an issue that reaches wider.

The amount of times per day that I click on the logo on my Discourse logo, expecting to be taken to the homepage, only for my browser to decide it can see a word and it wants to know what I want to do with the text in the image that it’s just very cleverly highlighted and selected :person_facepalming:

eg:

Screenshot 2025-03-26 at 16.12.26
Screenshot 2025-03-26 at 16.12.261888×1180 136 KB

and:

Screenshot 2025-03-26 at 16.12.40
Screenshot 2025-03-26 at 16.12.401444×1468 143 KB

:person_facepalming:

Is there some magic that can be applied to that element in the top corner to tell the browser to not try and interpret the text in these logos and instead to just action the click back to the homepage?

Anyone else with words in their logos struggling with this issue?

2 Likes
2

To confirm; this is Safari’s Live Text feature?

Unfortunately, the Live Text Documentation link is broken so we can’t look up how to disable it for a specific image.

I do note people asking for this on their forums with no response:

You could disable this system-wide on your machine?

4 Likes
3

This CSS may help:

#site-logo {
  user-select: none;
  pointer-events: none;
}

It should reduce the browser’s OCR capability from interfering with the logo.

I quickly tried it with Safari on a test instance, and it seems to work.

5 Likes
4

But we can’t disable it on the machines of all our community members :blush:

Fantastic, I’ll try it tonight, thanks :grin:

2 Likes
5

That’s not Discourse :eyes:

6

I know!

I’m as disappointed as you are :sob:

3 Likes
7

Early tests are looking good!

Thanks again @Arkshine this should save all our Safari users a lot of clicking :smiley:

1 Like