포털사이트에 회원 가입을 하거나 상품 주문시 배송지 정보를 입력할 때 전화번호 및 주민등록번호를 입력하다 보면 자동으로(JavaScript 구현으로) 포커스가 다음 칸으로 이동하는 경우가 있습니다.




문제는, 이미 입력한 "1234"를 고치고 싶을 때 생깁니다. 하지만 불행인지 다행인지 대부분의 사용자들은 이를 느끼지 못합니다. 왜냐하면 마우스로 "1234"를 클릭한 후 얼마든지 지우고 새로 입력할 수 있거든요.

불편을 겪는 건 키보드를 사용하는 사용자들입니다. 키보드로 이전 칸으로 돌아가고 싶으면 [Shift + Tab]을 누르죠. 그러면 이렇게 돌아갔다가,

만일 사용자가 시각이 불편해서 마우스 대신 키보드만 사용해야 한다면 페이지를 새로고침해서 처음부터 다시 시작하는 방법밖에 없겠죠. 정말 짜증나는 일입니다.

이게 바로 사용성(usability)과 접근성(accessibility)의 차이입니다. 이 경우에는 마우스 사용자의 사용성은 좋아졌지만 키보드 사용자들에겐 접근성이 떨어졌지요. 다양한 의견이 있지만, 저는 사용성은 상대적이고 접근성은 절대적일 뿐, 이 둘은 상충되지 않는다고 생각합니다. "모든" 사용자들의 사용성을 동시에 생각하는게 접근성이죠. 다행히 많은 경우에는 사용성이 좋아질 때 접근성도 좋아지지만, 안타깝게도 이처럼 마우스 사용자와 키보드 사용자간의 편의가 엇갈릴 때가 간혹 있습니다.


는 수 세기에 걸쳐 풀리지 않는 문제의 연장선이라고 생각합니다.

---

풀다운메뉴의 onChange 이벤트 핸들러도 접근성 문제가 있습니다. 요새는 그런 사이트가 잘 없는데, 예전에는 생년월일을 선택할 때 자동으로 넘어가는 경우가 많았습니다. 저처럼 생일이 29일인 사람은(이번 달 입니다!) End키를 누른 후 화살표를 두어 번 위로 눌러서 선택을 하는 습관이 있거든요. 어떤 일이 생기냐면, 화살표나 End키를 한 번만 눌러도 다음 칸으로 넘어가 버립니다. 저야 한번 투덜거리면 그만이지만, 시각이 불편해서 마우스를 사용할 수 없는 사용자들에겐 치명적입니다.조금만 더 관심을 기울이시면 비록 작은 비율이지만 꽤 많은 사람들의 생활이, 그리고 인생이 바뀝니다.

---

물론, 가장 좋은 건 사용성만큼 접근성도 높이는 겁니다. 실제로 Firefox는 풀다운 메뉴를 키보드로 수정하는 경우에 한해서, 포커스가 풀다운 메뉴를 떠날 때 onChange 이벤트를 발생시킵니다. 이건 JavaScript가 아닌 브라우저가 문제를 해결한 경우죠. 제가 웹 개발 경험이 없다 보니 JavaScript를 잘 몰라서 그러는데, 어쩌면 [Shift + Tab]으로 이전 칸으로 돌아간 경우에만 포커스를 다음 칸으로 이동시키지 않도록 구현이 가능한지도 모르겠습니다. 그렇게만 된다면 금상첨화겠죠.