▲

텍스트 선택만 하게 해주세요

 (aartaka.me)
2P by GN⁺ 2일전 | ★ favorite | 댓글 1개
  • 많은 앱에서 텍스트 선택 및 복사 기능이 비활성화되어 사용자 불편함이 발생함
  • 이 기능의 비활성화는 사용자 경험과 접근성을 저해함
  • Bumble 등에서 외국어 소개글을 복사해 번역하려 해도 불가능함
  • 저작권 보호, UI 인터랙티브성을 이유로 선택 제한하지만, 대부분 비효율적임
  • 개발자는 사용자의 텍스트 활용 자유를 제한하지 말아야 함

텍스트 선택 차단의 문제 제기

앱이나 웹사이트에서 텍스트 선택 및 복사 기능을 제한하는 사례가 많이 존재함. 해당 기능이 제한될 경우, 사용자는 정보를 복사하거나 번역 서비스, 참고 자료 등으로 활용하는 데에 큰 어려움을 겪음.

직접 겪은 불편: 외국어 소개글 번역

  • 많은 사람들이 다양한 언어로 소개글을 작성함
  • Bumble과 같은 앱에서 독일어로 된 프로필 소개글을 발견했을 때, 사용자는 복사 및 번역 후 그 의미를 구체적으로 알고 싶어짐
  • 하지만 Bumble에서는 텍스트 선택과 복사가 불가능함
  • 결국 사용자는 번거로운 절차—예를 들어, 스크린샷 후 OCR 기능 사용 등—을 거쳐야만 하며, 이 과정이 매우 귀찮고 비효율적임
  • 이러한 불편함 때문에 본인 역시 포기하게 됨

텍스트 선택 제한의 문제점

  • 개발자가 텍스트 선택/복사 기능을 막으면, 사용자의 이해력, 접근성, 의미 전달에 죄를 짓는 셈임
  • 사용자 불편만 남기고 실제로는 봇의 데이터 스크래핑 방지에도 효과가 없음
  • UI 이슈(클릭, 드래그와 같은 상호작용)로 제한한다는 주장도 있지만, 문제 상황에서 사용자가 정확한 요소를 가리키지 못해 불편함만 가중됨
  • 네이티브 앱처럼 보이도록 연출하고 싶어서 차단하는 경우도 있으나, 사용자 중심이 아님

결론 및 피드백 안내

  • 사용자에게 텍스트 자유를 허용하는 것은 개발자의 중요한 책임임
  • 본 블로그는 접근성, 보존성을 높게 고려한 설계임
  • 텍스트 파일, man 페이지, TeX 파일 등 다양한 방법으로도 접근 가능함
  • 모든 의견은 필자의 개인 의견임
▲
GN⁺ 2일전  [-]
Hacker News 의견

  • 나는 컴퓨터 화면에서 글을 읽을 때, 습관적으로 텍스트를 선택하고 하이라이트함. 보통은 줄을 따라가는데 전혀 불편함 없음에도 불구하고 그냥 더 잘 따라갈 수 있기 때문일지도 모름. 만약 어떤 웹사이트가 이를 막으면, 나의 평가지수에서 -50점을 줌. 아무리 사이트가 완벽하다 해도(그럴 일은 거의 없지만) -50점이면 진짜 별로인 것임. 만약 하이라이트나 복사가 실질적으로 유용한 경우라면 더욱더 짜증남. 또 모든 픽셀이 클릭 가능한 트리거가 되는 것도 마찬가지로 싫음. 이런 식으로 웹을 접근성 엉망으로 만드는 건 하이퍼텍스트의 본질과 전혀 다름

    • 나도 컴퓨터 화면에서 읽으면서 텍스트를 선택하고 하이라이트하는 습관이 있음. 누가 이걸 보고 혹시 틱 아니냐고 묻기도 했었음

    • 요즘 웹 환경 때문에 이 습관이 줄어듦. 텍스트를 선택할 때마다 SNS로 공유하라는 팝업이 자꾸 떠서 화가 많이 남. 나는 내 페이지 사용 방식을 내 사생활로 생각함

    • 클릭 가능한 액션 트리거가 화면 곳곳에 붙어 있는 건 정말 최악이라고 생각함. 윈도우 작업표시줄 위에서 앱에 마우스를 올리면 작은 미리보기 창이 뜨고, 실수로 한 번만 갖다 대도 모든 창이 최소화돼서 제대로 볼 수 없게 만듦. Microsoft가 이걸 끌 수 있는 방법을 다 없애버린 것도 정말 싫음. 회사에서 vbox로 윈도우 안에 윈도우를 써야 하는데, 이 일로 약간의 트라우마까지 생김

  • 솔직히 최근 Android(적어도 Google Pixel에서는)에서 가장 마음에 드는 기능 중 하나는 앱 스위처에서 모든 텍스트가 기기 내 OCR을 통해 선택 가능해졌다는 점임. 어떤 앱이든 스와이프만 해서 바로 텍스트를 드래그해서 선택할 수 있음. 단, 뱅킹 앱처럼 스크린샷 권한 등을 막은 앱은 예외임

    • iOS에서도 스크린샷을 내장 OCR로 변환해 클립보드에 복사하는 단축어를 쓸 수 있음. 화면의 모든 텍스트가 아닌 특정 부분만 원한다면 미리 자르기 필요함
      https://imgur.com/a/NctIGsK

    • 내 생각도 완전히 같음. 이런 용도에 매우 유용한 기능임. Google Pixel에서는 복사한 텍스트를 바로 클립보드 에디터에서 열 수 있고, 거기서 다시 선택하면 번역을 포함한 추가 기능을 바로 사용할 수 있음. 덕분에 '선택 불가'한 텍스트도 몇 번의 탭만으로 번역까지 할 수 있음

    • iOS에서도 마찬가지로 가능하지만, 즉시 되는 건 아님. 예전에는 최소 3번 탭하고 몇 초 기다려야 했는데, 새 스크린샷 UI 덕분에 좀 더 편해짐

    • 이 기능은 단순한 이미지만 아니라 앱 UI의 일부이자 원래 선택 불가한 텍스트에도 적용됨? 그렇다면 상당히 재밌음. 이미 우리가 갖고 있는 데이터이지만 사용자는 직접 접근 못하게 해서, 굳이 고성능 머신러닝 모델까지 돌려가며 추출하는 꼴임

    • 뱅킹 앱 등에서 스크린샷을 막는 경우
      혹시 이 기능을 끌 수 없는지 궁금함. iOS에서는 직접 확인해보니 모든 뱅킹 앱에서 스크린샷이 가능했음

  • 웹 개발자로서 기본적으로 이 의견에 동의함. 단, 클릭 가능한 텍스트에는 예외를 둬야 한다고 생각함. 순수 콘텐츠용 텍스트는 항상 선택과 복사가 가능해야 하지만, 탭 헤더나 버튼 등 클릭이 주목적인 경우는 오히려 선택을 막아야 더 좋은 UX임. 예외는 항상 존재함. 하지만 대부분의 상황에선 클릭이 주 기능인 영역에서 텍스트 선택이 가능하면 오히려 불편함(단, 링크는 예외로 보는 것이 맞음. 인라인 텍스트이니 선택 가능해야 함)

    • 아니, 링크든 뭐든 텍스트는 선택 가능해야 한다고 생각함. 실수로 클릭 대신 하이라이트한 경우가 있긴 했지만 거의 없는 일이고, 그걸로 불편하다거나 당황한 적도 없음. 링크의 텍스트를 복사하길 원할 때가 자주 있으며, 특히 모바일에서는 이게 너무 힘듦. PagerDuty 앱을 보면 모바일 UX가 아예 텍스트 선택 자체를 고려하지 않은 듯 보임

    • 나의 실제 사례로, 거의 매일 티켓 관리 시스템에서 티켓 번호가 있는 내비게이션 헤더 텍스트를 복사해서 다른 데에 붙여 넣곤 함. 물론 그 자체로 나쁜 디자인이지만, 이런 이유로 모든 텍스트가 선택 가능해야 한다고 생각함

    • 100% 반대 입장임. 모든 사람이 모든 언어에 능숙한 것도 아니고, 브라우저 번역기가 모든 웹사이트에서 완벽히 동작하는 것도 아님. 버튼이나 탭처럼 선택 안 되게 해둔 단어 하나만 번역하고 싶은 상황이 있음

    • 버튼 텍스트를 클릭 전 확인하고 싶을 때가 많음. 텍스트를 선택해서 번역기에 붙여넣을 수 있는 게 굉장히 중요함. 특히 일본의 UI에서는 '이전 화면으로'와 '확인 후 계속' 배치(왼쪽-오른쪽)가 영어 UI와 완전히 반대라 혼동스러움. 선택이 안 되면 손글씨로 한자 하나하나 입력하는 앱을 써야 할 판임. 게다가 일본 UI의 버튼 텍스트가 .png 이미지로 처리돼서 실제 텍스트 선택이 더 어려움

    • 나는 일본 온라인 스토어에서 CD와 굿즈를 자주 구매함. 현지인을 위한 사이트라, 자동 번역이나 영어 지원이 거의 없음. 내비게이션 바의 일본어를 복사해서 번역기로 돌리는 게 일상이 됨. 버튼의 경우도 마찬가지. 예를 들어, 중국어를 모른다면 "下单"과 "返回"가 각각 무슨 의미인지 복사해서 번역하지 않고는 알 방법이 없음

  • Teams는 실시간 자막에서 텍스트 복사를 막아두고, 복사를 시도하면 불가능하다는 팝업까지 띄움. 그런데 미팅 후 게시되는 전체 자막에서는 복사가 됨. 굳이 즉시 복사하지 못하게 막은 이유를 모르겠고, 바로 필요한데 못 써서 답답했음

    • Zoom도 동일함. 여러 언어를 다루는 경우 특히 답답함

  • 북마크에 추가해두면 좋은 스크립트가 있음

    javascript:(function(){document.styleSheets[0].insertRule("* { user-select:text !important }", 1);})();

    추가로, 이런 것도 있음. 텍스트 복사나 컨텍스트 메뉴 차단 사이트에서 쓸 수 있음

    javascript:['copy','cut','paste','contextmenu','selectstart'].forEach(e=>document.addEventListener(e,e=>e.stopImmediatePropagation(),true));

  • 제품 매니저가 텍스트 선택을 비활성화하자고 할 때마다 매번 황당함. "가장 유용하고 핵심적인 상호운용성을 없애자고요?" "그럼 사람들이 앱에서 자기 데이터를 가져가면 어떡하죠?"라는 대화가 오감. app을 떠난다고 해도 사실 다른 일을 처리하려는 것 뿐임. 최고의 app이 아니라 Hotel California처럼 가두려 하지 마시길 바람

    • 옛날(2000년대 초반쯤)에는 사이트 오너들이 웹마스터에게 가장 많이 요청하는 게 우클릭(우측 마우스 클릭) 금지였음. 주로 이미지를 "다른 이름으로 저장"하는 걸 막기 위함이었지만, 기사 텍스트 복사도 막는 목적이 있었음

    • 팝업 알림 때문에 앱에서 나갈 수조차 없음

  • 웹사이트의 이런 못된 행동을 막기 위해 나온 확장 프로그램도 있음. 예를 들어 Stop The Madness 확장 프로그램이 있음
    https://underpassapp.com/StopTheMadness/
    이 확장이 해결할 수 있는 대표적 문제 행동을 시연하는 데모 페이지도 있음
    https://underpassapp.com/StopTheMadness/test.html
    (스크린 캡처 기능에서 바로 OCR까지 처리해주면서, 즉시 번역도 지원해줌. 사진 앱을 거칠 필요도 없음)

  • 이 사이트는 심지어 자바스크립트를 껐을 때 "오, 자바스크립트 꺼두셨네요. 잘 하셨네요, 깨끗한 웹 지향 동지여!" 이런 메시지를 띄움. 일반적인 "이 앱은 자바스크립트 없이 동작하지 않습니다" 같은 경고와는 완전 다름. 하지만 그런 메시지조차 복사 불가였고, 페이지 헤더에 '그냥 텍스트 선택 좀 하게 해줘' 써 있는 걸 보고 아이러니함을 느낌

    • CSS를 꺼버리면 텍스트 선택이 가능해짐

  • 나는 읽으면서 습관처럼 텍스트를 아무 의미 없이 선택하는 편임. 이런 게 안 되는 사이트는 정말 짜증남

    • 나도 동일하게 사용함. 페이지를 따라가다가 잠깐 정신이 흐트러질 때를 대비한 일종의 '정신적 북마크'로도 활용함. 다만, 이런 습관은 데스크톱 환경에 주로 의미있는 일로 생각됨. 모바일 터치기반 기기에서는 이런 하이라이트 습관이 전혀 어울리지 않는 듯함

    • 나도 똑같이 이런 습관 가지고 있음. 내가 유별난 줄 알았음

답변달기