ロゴ内の単語がテキストとして検出されるのを防ぐ

ロゴの単語が一部のブラウザで検出されるのを防ぐことはできますか?:thinking:

これはiOS/macOSの問題なのか、Safariの問題なのか、それとももっと広範囲に及ぶ問題なのかわかりません。

Discourseのロゴをクリックしたときに、ホームページに移動することを期待しているのに、ブラウザが単語を認識してしまい、画像内のテキストをどうしたいのか聞いてくることが一日に何度も起こります。:person_facepalming:

例:

そして:

:person_facepalming:

角にある要素に、ブラウザにこれらのロゴのテキストを解釈しようとさせず、代わりにクリックをホームページに戻すように指示する魔法のようなものはありますか?

ロゴに単語がある他の人は、この問題に苦労していますか?

「いいね!」 2

確認ですが、これはSafariのLive Text機能ですか?

残念ながら、Live Text ドキュメントへのリンクが壊れているため、特定の画像に対して無効にする方法を調べることができません。

フォーラムでこれについて尋ねている人もいますが、返答がないことに気づきました。

お使いのコンピューターでシステム全体を無効にすることはできますか?

「いいね!」 4

これはCSSが役立つかもしれません:

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

これにより、ブラウザのOCR機能がロゴに干渉しにくくなるはずです。

私はテスト環境のSafariで簡単に試しましたが、うまくいくようです。

「いいね!」 5

しかし、コミュニティメンバー全員のマシンで無効にすることはできません😊

素晴らしい、今夜試してみます、ありがとう😁

「いいね!」 2

それはDiscourseではありません :eyes:

知っています!
あなたと同じくらい私もがっかりしています😭

「いいね!」 3

初期テストは順調です!

@Arkshine さん、ありがとうございます。これで、すべてのSafariユーザーのクリックの手間が大幅に省けるはずです :smiley:

「いいね!」 1