센스리더를 이용한 쇼핑몰에서의 옵션 선택

그동안 전혀 몰랐던 시각장애인분들의 어려움을 아주 조금이지만 체험해보니 이건 정말 엄청난 노력이 필요하구나 하는 생각이 들게 됐다. 그동안 개발하면서 이정도면 되겠지 했던 것들을 반성하게 됐고.. 좀 더 구체적으로 실제 사용하는 분들의 입장에서 기능을 추가해야겠다는 생각이 들기 시작했다. 쇼핑몰 솔루션에서 상품의 옵션을 선택하는 것은 요즘 인터넷 쇼핑몰에서는 아주 흔한 것이다. 마우스로 이용할 때는 전혀 몰랐던 것을 키보드와 센스리더라는 스크린리더 프로그램을 이용해 옵션을 선택하려고 하니까 인내심도 인내심이지만 스크립트 자체가 마우스에 편향되어 있어 제대로 작동하지 않는다.

나 역시도 그런 식으로 코드를 작성해왔는데 이번 일을 계기로 생각을 바꿔가야겠다 싶다. 센스리더만의 특징인지는 모르겠지만 웹페이지에 접속하면 기본적으로 가상커서라는 것을 이용해 페이지를 이동하거나 어떤 액션을 취하게 된다. 이 가상커서때문에 키보드 이벤트등은 제대로 작동하지 않는 경우가 많고.. 예를 들어 옵션을 선택하기 위해 select에 접근하면 ctrl키를 누른 상태에서 방향키를 눌러야 옵션항목이 변경된다. 그리고 옵션항목을 선택하기 위해서는 ctrl누르지 않으면 된다. 손으로 누르고 있던 것을 손을 떼는 것이다. 이것을 이해하지 못해 엉뚱하게 작성했던 스크립트의 대부분을 다시 작성했다. jQuery를 이용한다면 keyup 이벤트에 ctrl키의 keyCode인 17을 이용해 조건문을 만들어주면 될 것이다.

아직 완벽한 것은 아니지만 이것으로써 또 하나 새로운 것을 알게된 것 같아 즐거운 삽질이었다. ㅎㅎ