왼손잡이만 겪는 버그, 원인은 7년 전 코드?

본문에서는 2017년에 추가된 touchstart 리스너(Touchstart Listener)가 문제의 원인이라고 지적합니다. 당시에는 브라우저가 터치 이벤트와 더블탭을 구분하기 어려워 발생하던 지연 시간을 줄이기 위해 링크에 터치 이벤트 발생 시 클릭을 미리 준비하는 방식이 사용되었습니다. 하지만 시간이 지나면서 이 방식은 불필요해졌고, 특히 왼손잡이 사용자가 스크롤 중 엄지가 화면 왼쪽의 'reply' 링크에 닿아 의도치 않게 클릭 이벤트가 발생하는 버그로 이어졌습니다. 이는 오른손잡이 사용자의 일반적인 엄지 사용 반경과는 다른 패턴입니다.

해당 버그는 WordPress 기본 설치에 포함된 오래된 JavaScript 코드 때문에 발생했으며, 개발자는 단 두 줄의 코드를 삭제하는 것으로 수정했습니다. 커뮤니티에서는 이러한 버그가 7년 동안 방치되었다는 점에 놀라움을 표하며, 소수 사용자 그룹(Minority User Group)에게만 영향을 미치는 버그의 특성상 우선순위에서 밀리기 쉬웠을 것이라는 의견이 나왔습니다. 또한, 'sinister'와 'dexterous'의 어원적 의미를 언급하며 문화적 편견에 대한 흥미로운 논의도 있었습니다.

이 사건은 모바일 웹 접근성(Mobile Web Accessibility)과 사용자 경험(UX) 설계 시 다양한 사용자 패턴(Diverse User Patterns)을 고려해야 함을 시사합니다. 특히 스마트폰 사용 시 사용자가 기기를 어느 손으로 쥐고 엄지를 사용하는지에 따라 인터페이스 상호작용이 달라질 수 있습니다. 일부 댓글에서는 사용자가 스마트폰을 양손으로 번갈아 사용하거나 특정 손으로만 사용하는 습관에 대한 다양한 경험담이 공유되었습니다. 이는 디자인 시 좌우대칭(Symmetrical Design) 또는 사용자 설정 옵션(User Configuration Options)의 중요성을 강조합니다.

댓글에서는 `touchstart` 이벤트가 `click` 이벤트와 함께 사용될 때 발생할 수 있는 문제점을 지적합니다. 일반적으로 마우스 이벤트는 요소에서 Press가 시작된 후 Release 시점에 활성화되지만, 터치 이벤트는 `touchstart` 시점에 미리 준비하는 동작이 발생할 수 있습니다. 이는 이벤트 리스너(Event Listener)의 올바른 사용법과 브라우저별 이벤트 처리 방식의 차이에 대한 이해가 필요함을 보여줍니다. 개발자는 이러한 레거시 코드(Legacy Code)를 정리하는 것이 중요하다고 강조합니다.