Prevent words in logos being detected as text

UX
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?

1 Like
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.

4 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