로고 내 텍스트가 감지되지 않도록 방지

로고에 포함된 텍스트가 일부 브라우저에서 인식되는 것을 막을 수 있을까요? :thinking:

이것이 iOS / macOS 문제인지, Safari 문제인지, 아니면 더 넓은 범위의 문제인지 확실하지 않습니다.

Discourse 로고를 클릭하면 홈페이지로 이동할 것이라 기대하지만, 브라우저가 텍스트를 감지하여 이미지를 매우 교묘하게 하이라이트하고 선택한 뒤 그 텍스트로 무엇을 하고 싶은지 묻는 경우가 하루에도 몇 번씩이나 반복됩니다. :person_facepalming:

예:

그리고:

:person_facepalming:

상단 구석의 해당 요소에 마법을 걸어서 브라우저가 로고 안의 텍스트를 해석하려 하지 말고, 대신 클릭 시 홈페이지로 돌아가도록 할 수 있는 방법이 있을까요?

로고에 텍스트가 포함되어 있어 이 문제로 고생하고 계신 분 계신가요?

2개의 좋아요

확인 차, 이것이 Safari의 Live Text 기능인가요?

불행히도 Live Text 문서 링크가 끊겨 있어 특정 이미지에 대해 이를 비활성화하는 방법을 찾아볼 수 없습니다.

이것에 대해 포럼에서 질문하는 사람들이 있지만, 답변이 없다는 점을 언급합니다:

시스템 전체에서 이 기능을 비활성화할 수 있을까요?

4개의 좋아요

다음 CSS가 도움이 될 수 있습니다:

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

이것은 브라우저의 OCR 기능이 로고에 간섭하는 것을 줄여줄 것입니다.

테스트 인스턴스에서 Safari로 빠르게 시도해 보았는데, 작동하는 것으로 보입니다.

5개의 좋아요

하지만 우리 커뮤니티 모든 멤버의 컴퓨터에서 비활성화할 수는 없어요 :blush:

훌륭네요, 오늘 밤에 시도해볼게요. 감사합니다 :grin:

2개의 좋아요

그건 디스코스가 아니에요 :eyes:

알아!

나도 네만큼 실망해 :sob:

3개의 좋아요

초기 테스트 결과가 좋습니다!

다시 한번 감사합니다, @Arkshine. 이 덕분에 모든 Safari 사용자가 클릭을 훨씬 덜 할 수 있을 것입니다 :smiley:

1개의 좋아요